이거 모든 브라우저에서 되는거 없나요? 정보
이거 모든 브라우저에서 되는거 없나요?
본문
네모칸에 [패밀리사이트]이 있고
이것처럼요
클릭하면 아래로 명단이 쫘라락 나오는거요
이것처럼요
넥슨은 구글크롬에서 정상출력이 안되더군요
추천
0
0
댓글 5개
블루비에 소스가 있긴 있네요. 디자인 조금만 수정하시면 될듯해요.
[익스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>
적용해봤습니다 감사합니다.
그냥 레이어로 저렇게 보이게 짜면...~!!
아 저도 감사