이거 모든 브라우저에서 되는거 없나요?

네모칸에 [패밀리사이트]이 있고

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

이것처럼요

넥슨은 구글크롬에서 정상출력이 안되더군요
|

댓글 5개

http://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/
적절히 수정해보셔요
블루비에 소스가 있긴 있네요. 디자인 조금만 수정하시면 될듯해요.
[익스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>
적용해봤습니다 감사합니다.
그냥 레이어로 저렇게 보이게 짜면...~!!
아 저도 감사
댓글을 작성하시려면 로그인이 필요합니다. 로그인

자유게시판

+
제목 글쓴이 날짜 조회
14년 전 조회 1,169
14년 전 조회 1,296
14년 전 조회 1,126
14년 전 조회 1,109
14년 전 조회 1,989
14년 전 조회 1,728
14년 전 조회 1,480
14년 전 조회 2,530
14년 전 조회 1,157
14년 전 조회 1,805
14년 전 조회 1,459
14년 전 조회 1,353
14년 전 조회 1,359
14년 전 조회 1,421
14년 전 조회 1,311
14년 전 조회 1,222
14년 전 조회 2,638
14년 전 조회 1,177
14년 전 조회 1,360
14년 전 조회 1,512
14년 전 조회 1,805
14년 전 조회 1,170
14년 전 조회 5,062
14년 전 조회 2,099
14년 전 조회 1,808
14년 전 조회 1,695
14년 전 조회 4,011
14년 전 조회 2,765
14년 전 조회 1,575
14년 전 조회 1,401
🐛 버그신고