이거 모든 브라우저에서 되는거 없나요?
네모칸에 [패밀리사이트]이 있고
이것처럼요
클릭하면 아래로 명단이 쫘라락 나오는거요
이것처럼요
넥슨은 구글크롬에서 정상출력이 안되더군요
댓글 5개
14년 전
http://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/
적절히 수정해보셔요
적절히 수정해보셔요
grapedw
14년 전
블루비에 소스가 있긴 있네요. 디자인 조금만 수정하시면 될듯해요.
[익스6,7,8, 파폭, 크롬, 사파리, 오페라] 까지 크로스브라우징 지원된다고 기재되어있네요.
<html>
<head>
<title>레이어 셀렉트메뉴</title>
<script type="text/javascript" src="http://www.ivdesign.co.kr/source/down/websource/select_design.js"></script>
<style>
.selectBoxSelectedAreaGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxSelectedAreaFocusGlobal {color:#626262; font-size:12px; font-weight:normal; font-family:dotum; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOverGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#e6e6e6; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionInnerLayer {overflow:auto;background-color:#f5f5f5;
scrollbar-face-color:#F3F3F3;
scrollbar-shadow-color:#6C6C6C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C9C9C9;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#F3F3F3;
scrollbar-arrow-color:#000000;
}
</style>
</head>
<body>
<select id="leftSelectBoxGlobal" style="width:159px;height:21px;display:none;" onChange="goLeftSelectBoxMenu(this.value)">
<option value="">네비게이션 메뉴</option>
<option value="http://www.ivdesign.co.kr/">- 자바스크립트</option>
<option value="http://www.ivdesign.co.kr/">- 플래쉬</option>
<option value="http://www.ivdesign.co.kr/">- 커뮤니티</option>
<option value="http://www.ivdesign.co.kr/">- 자바스크립트</option>
<option value="http://www.ivdesign.co.kr/">- 플래쉬</option>
<option value="http://www.ivdesign.co.kr/">- 커뮤니티</option>
<option value="http://www.ivdesign.co.kr/">- 자바스크립트</option>
</select>
<script>
makeSelectBoxGlobal("leftSelectBoxGlobal", "selectBoxSelectedAreaGlobal", "#e6e6e6", "http://www.ivdesign.co.kr/source/down/websource/select_btn.gif", "selectBoxOptionGlobal", "selectBoxSelectedAreaFocusGlobal", "selectBoxOptionOverGlobal");
</script>
</body>
</html>
[익스6,7,8, 파폭, 크롬, 사파리, 오페라] 까지 크로스브라우징 지원된다고 기재되어있네요.
<html>
<head>
<title>레이어 셀렉트메뉴</title>
<script type="text/javascript" src="http://www.ivdesign.co.kr/source/down/websource/select_design.js"></script>
<style>
.selectBoxSelectedAreaGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxSelectedAreaFocusGlobal {color:#626262; font-size:12px; font-weight:normal; font-family:dotum; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOverGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#e6e6e6; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionInnerLayer {overflow:auto;background-color:#f5f5f5;
scrollbar-face-color:#F3F3F3;
scrollbar-shadow-color:#6C6C6C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C9C9C9;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#F3F3F3;
scrollbar-arrow-color:#000000;
}
</style>
</head>
<body>
<select id="leftSelectBoxGlobal" style="width:159px;height:21px;display:none;" onChange="goLeftSelectBoxMenu(this.value)">
<option value="">네비게이션 메뉴</option>
<option value="http://www.ivdesign.co.kr/">- 자바스크립트</option>
<option value="http://www.ivdesign.co.kr/">- 플래쉬</option>
<option value="http://www.ivdesign.co.kr/">- 커뮤니티</option>
<option value="http://www.ivdesign.co.kr/">- 자바스크립트</option>
<option value="http://www.ivdesign.co.kr/">- 플래쉬</option>
<option value="http://www.ivdesign.co.kr/">- 커뮤니티</option>
<option value="http://www.ivdesign.co.kr/">- 자바스크립트</option>
</select>
<script>
makeSelectBoxGlobal("leftSelectBoxGlobal", "selectBoxSelectedAreaGlobal", "#e6e6e6", "http://www.ivdesign.co.kr/source/down/websource/select_btn.gif", "selectBoxOptionGlobal", "selectBoxSelectedAreaFocusGlobal", "selectBoxOptionOverGlobal");
</script>
</body>
</html>
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
 thisgun |
2주 전 | 46 | |
| 199658 | 2개월 전 | 152 | ||
| 199657 | 2개월 전 | 266 | ||
| 199656 | 2개월 전 | 200 | ||
| 199655 | 2개월 전 | 144 | ||
| 199654 |
 하이루에야 |
2개월 전 | 195 | |
| 199653 |
하이루에야 |
2개월 전 | 107 | |
| 199652 |
 jazzlab |
2개월 전 | 218 | |
| 199651 | 2개월 전 | 210 | ||
| 199650 | 2개월 전 | 145 | ||
| 199649 | 2개월 전 | 204 | ||
| 199648 | 2개월 전 | 246 | ||
| 199647 | 2개월 전 | 248 | ||
| 199646 | 2개월 전 | 247 | ||
| 199645 | 2개월 전 | 153 | ||
| 199644 | 2개월 전 | 278 | ||
| 199643 |
비버팩토리
|
2개월 전 | 210 | |
| 199642 | 2개월 전 | 388 | ||
| 199641 |
bbebbee
|
2개월 전 | 154 | |
| 199640 |
jaick
|
2개월 전 | 175 | |
| 199639 | 2개월 전 | 266 | ||
| 199638 | 2개월 전 | 210 | ||
| 199637 | 2개월 전 | 200 | ||
| 199636 | 2개월 전 | 233 | ||
| 199635 | 2개월 전 | 216 | ||
| 199634 |
비버팩토리
|
2개월 전 | 154 | |
| 199633 | 2개월 전 | 129 | ||
| 199632 | 2개월 전 | 222 | ||
| 199631 | 2개월 전 | 237 | ||
| 199630 | 2개월 전 | 226 | ||
| 199629 | 2개월 전 | 232 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기