https://sir.co.kr/bbs/board.php?bo_table=cm_bookmark&wr_id=747
<html>
<head>
<script type="text/xxjavascript">
<!--예제
function subDispaly(subid) {
var obj_ary = new Array('m1', 'm2', 'm3', 'm4');
var obj = document.getElementById(subid);
if(obj.style.display == 'none') {
obj.style.display = '';
for(var i = 0; i < obj_ary.length; i++) {
var obj_obj = document.getElementById(obj_ary[i]);
if(obj_ary[i] != subid)
obj_obj.style.display = 'none';
}
}
else
obj.style.display = 'none';
}
//스크립트 끝-->
</script>
<style type="text/css">
<!--
A {width: 100%; color: #555; text-decoration: none; font-size: 9pt}
A:hover {color: #80C040}
.mm, .mcolor, .submenu {width: 180px; border-top: #CCC 1px solid}
.mm, .mcolor {background-color: #FFF; font: bold 12pt; padding: 15px; cursor: pointer}
.mm {color: #555}
.menubox {position: absolute; left: 10px}
.submenu {padding-left: 30px}
.mcolor {color: #80C040}
-->
</style>
</head>
<body>
<div class="menubox">
<div class="mm" [안내]태그제한으로등록되지않습니다-xxonClick="subDispaly('m1')" [안내]태그제한으로등록되지않습니다-xxonMouseOver="this.className='mcolor'" [안내]태그제한으로등록되지않습니다-xxonMouseOut="this.className='mm'">디자인 문구</div>
<div class="submenu" id="m1" style="display: none">
<a href="#">어쩌구</a>
<a href="#">저쩌구</a>
</div>
<div class="mm" [안내]태그제한으로등록되지않습니다-xxonClick="subDispaly('m2')">문구 소품</div>
<div class="submenu" id="m2" style="display: none">
<a href="#">어쩌구</a>
<a href="#">저쩌구</a>
<a href="#">어쩌구</a>
<a href="#">저쩌구</a>
</div>
<div class="mm" [안내]태그제한으로등록되지않습니다-xxonClick="subDispaly('m3')">데스크용품/정리함</div>
<div class="submenu" id="m3" style="display: none">
<a href="#">보관/정리 용품</a>
<a href="#">데스크 소품</a>
<a href="#">메모</a>
<a href="#">컴퓨터 용품</a>
</div>
<div class="mm" [안내]태그제한으로등록되지않습니다-xxonClick="subDispaly('m4')">기타</div>
<div class="submenu" id="m4" style="display: none">
<a href="#">어쩌구</a>
<a href="#">저쩌구</a>
<a href="#">어쩌구</a>
<a href="#">저쩌구</a>
</div>
</div>
</body>
</html>