이거 모든 브라우저에서 되는거 없나요?
네모칸에 [패밀리사이트]이 있고
이것처럼요
클릭하면 아래로 명단이 쫘라락 나오는거요
이것처럼요
넥슨은 구글크롬에서 정상출력이 안되더군요
댓글 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주 전 | 49 | |
| 199598 | 2개월 전 | 175 | ||
| 199597 | 2개월 전 | 204 | ||
| 199596 | 2개월 전 | 171 | ||
| 199595 | 2개월 전 | 162 | ||
| 199594 | 2개월 전 | 157 | ||
| 199593 | 2개월 전 | 189 | ||
| 199592 | 2개월 전 | 252 | ||
| 199591 |
 Gothrock |
2개월 전 | 396 | |
| 199590 | 2개월 전 | 310 | ||
| 199589 | 2개월 전 | 326 | ||
| 199588 | 2개월 전 | 593 | ||
| 199587 | 2개월 전 | 216 | ||
| 199586 | 2개월 전 | 261 | ||
| 199585 | 2개월 전 | 102 | ||
| 199584 | 2개월 전 | 146 | ||
| 199583 | 2개월 전 | 209 | ||
| 199582 | 2개월 전 | 206 | ||
| 199581 | 2개월 전 | 109 | ||
| 199580 |
Gothrock |
2개월 전 | 193 | |
| 199579 | 2개월 전 | 244 | ||
| 199578 | 2개월 전 | 216 | ||
| 199577 | 2개월 전 | 163 | ||
| 199576 |
 DSKim |
2개월 전 | 157 | |
| 199575 | 2개월 전 | 150 | ||
| 199574 |
비버팩토리
|
2개월 전 | 251 | |
| 199573 | 2개월 전 | 252 | ||
| 199572 | 2개월 전 | 209 | ||
| 199571 | 2개월 전 | 221 | ||
| 199570 | 2개월 전 | 183 | ||
| 199569 | 2개월 전 | 218 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기