첨부파일 https://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> 
코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 221 articles in 6 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
120 [웹표준] 실전 웹 표준 가이드(PDF) 파일 2010/12/01
119 [웹표준] 웹 표준, 대체 무슨책을 읽어야 합니까? (by 정찬명) 2010/12/01
118 [웹표준] 웹 표준은 무엇이며, 왜 사용해야 하나요? 2010/12/01
117 [미분류] 특정도메인으로 접속시 원하는도메인으로 리다이렉트 시키기 2010/01/31
116 [Script] 링크 자동으로 onfocus="blur()" 붙이기 (by 동철) 2009/02/23
현재글 Show-Hide Layers(2) (by 태그매니아) 2009/02/10
114 [Script] 레이어컨트롤 마우스오버 드롭다운 메뉴 [2] 2009/02/10
113 Show-Hide Layers 클릭한 걸 기억하는 (by 알릭) [1] [1] 2009/02/03
112 [HTML5] <hr> 2009/02/02
111 [UI] 글읽기 화면의 인터페이스 파일 2009/02/01
110 반응 좋은 메뉴 스크립트 파일 [2] 2009/01/31
109 [UI] 네이버 홈 개편 [1] 2009/01/31
108 [Script] 마우스오버 드롭다운 메뉴 (알릭님 수정본) 2009/01/30
107 [HTML5] dl, dt, dd 용례 2009/01/29
106 [Script] XE Layout Menu Script [1] 2009/01/25
105 자바스크립트 TAB 메뉴 2009/01/20
104 [Script] 부드럽게 슬라이딩 되면서 펼쳐지는 메뉴 (세로, 사이드메뉴) [10] 2009/01/20
103 [Script] 옆에서 펼쳐지는 레이어 2009/01/20
102 팝업형식의 메뉴 네비게이션 2009/01/20

해시태그 디렉터리