이거 모든 브라우저에서 되는거 없나요?
네모칸에 [패밀리사이트]이 있고

이것처럼요
클릭하면 아래로 명단이 쫘라락 나오는거요

이것처럼요
넥슨은 구글크롬에서 정상출력이 안되더군요
댓글 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>
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
|
1주 전 | 10 | |
| 199718 |
|
1주 전 | 9 | |
| 199717 | 3주 전 | 20 | ||
| 199716 |
느긋한카키쿠키
|
3주 전 | 17 | |
| 199715 |
현대적인무질서한까마귀
|
3주 전 | 20 | |
| 199714 | 3주 전 | 23 | ||
| 199713 | 3주 전 | 32 | ||
| 199712 | 1개월 전 | 291 | ||
| 199711 |
안졸리니졸리니
|
1개월 전 | 144 | |
| 199710 |
|
1개월 전 | 160 | |
| 199709 |
|
1개월 전 | 91 | |
| 199708 | 1개월 전 | 106 | ||
| 199707 | 1개월 전 | 240 | ||
| 199706 | 1개월 전 | 41 | ||
| 199705 | 1개월 전 | 29 | ||
| 199704 | 1개월 전 | 46 | ||
| 199703 | 2개월 전 | 57 | ||
| 199702 | 2개월 전 | 97 | ||
| 199701 | 2개월 전 | 111 | ||
| 199700 | 2개월 전 | 83 | ||
| 199699 | 2개월 전 | 88 | ||
| 199698 | 2개월 전 | 134 | ||
| 199697 | 2개월 전 | 99 | ||
| 199696 |
|
2개월 전 | 245 | |
| 199695 | 2개월 전 | 88 | ||
| 199694 | 2개월 전 | 117 | ||
| 199693 | 2개월 전 | 185 | ||
| 199692 | 2개월 전 | 195 | ||
| 199691 |
|
2개월 전 | 169 | |
| 199690 | 2개월 전 | 257 | ||
| 199689 | 2개월 전 | 160 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기