selectbox(드롭다운메뉴)를 디자인 하고 싶습니다...
htc 제작정보
// 스크립트명 - SelectBox -> 드롭다운 메뉴 변환 HTC
// 설 명 - SelectBox 폼필드를 레이어 형태의 드롭다운 메뉴로 자동 변경
// 제 작 자 - TarauS (taraus@naver.com)
// 메 신 져 - MSN Messenger -> taraus@hanmail.net
htc파일을 이용한 selectbox 에 css를 적용 시킬 수 있습니다.
htc파일을 만든 제작한 분은 위에 제작정보에 있습니다.
Html 소스를 보면 htc를 behavior를 이용해서 연결후 해당 태그 ID에 적용시킨 것을 알 수 있습니다.
Html 소스
<html>
<head>
<title>selectbox, dropdownlist border값 적용 - css selectbox 적용</title>
<style>
fieldset { padding: 10px; }
#Select1 { behavior: url('selectbox.htc'); border: 1px solid #0094ff; font-size: 11px; color: #000000; }
</style>
</head>
<body>
<fieldset>
<legend>1. 예제</legend>
<select id="Select1" setimage="arrow.gif" setdisplaycount="10">
<option>naver</option>
<option>daum</option>
<option>nate</option>
<option>facebook</option>
</select>
</fieldset>
</body>
</html>
댓글 없음:
댓글 쓰기