Show-Hide Layers(2) (by 태그매니아)
2009.02.10 02:21
8782
0
이온디
첨부파일
https://imweb.eond.com/coding/165376 
태그매니아에서 얻은 스크립트에 마우스를 떼면 사라지도록 만든 코드입니다.
<body>
<script>
function show(n) {
submenu.innerHTML=document.all('submenu'+n).innerHTML;
}
function hide(n) {
submenu.innerHTML="";
}
</script>
<style>
.mainmenu {float:left;}
</style>
<!-- s : mainmenu -->
<div onMouseOver=show(1) class=mainmenu>메뉴1
</div>
<div onMouseOver=show(2) class=mainmenu>메뉴2</div>
<div onMouseOver=show(3) class=mainmenu>메뉴3</div>
<!-- e : mainmenu -->
<!-- s : submenu -->
<div id="submenu" style="clear:both;border:1px solid red;position:absolute;top:50px;display:block;width:100%;" onMouseOut=hide()></div>
<span id=submenu1 style="display:none" class="submenu">
야후0
야후2
야후3
</span>
<span id=submenu2 style="display:none" class="submenu">
야후4
야후5
야후6
</span>
<span id=submenu3 style="display:none" class="submenu">
야후7
야후8
야후9
</span>
<!-- e : submenu -->
</body>
<body>
<script>
function show(n) {
submenu.innerHTML=document.all('submenu'+n).innerHTML;
}
function hide(n) {
submenu.innerHTML="";
}
</script>
<style>
.mainmenu {float:left;}
</style>
<!-- s : mainmenu -->
<div onMouseOver=show(1) class=mainmenu>메뉴1
</div>
<div onMouseOver=show(2) class=mainmenu>메뉴2</div>
<div onMouseOver=show(3) class=mainmenu>메뉴3</div>
<!-- e : mainmenu -->
<!-- s : submenu -->
<div id="submenu" style="clear:both;border:1px solid red;position:absolute;top:50px;display:block;width:100%;" onMouseOut=hide()></div>
<span id=submenu1 style="display:none" class="submenu">
야후0
야후2
야후3
</span>
<span id=submenu2 style="display:none" class="submenu">
야후4
야후5
야후6
</span>
<span id=submenu3 style="display:none" class="submenu">
야후7
야후8
야후9
</span>
<!-- e : submenu -->
</body>
글목록
코멘트 0
접기/펴기 | 댓글 새로고침
정말 이 글을 삭제하실건가요? -_-...
닫기
이온디
"Show-Hide Layers(2) (by 태그매니아)"
"Show-Hide Layers(2) (by 태그매니아)"
Total 235 articles in 11 / 12 pages
태그
설정
글쓰기
