<div class="codetitle"> <span><a style="CURSOR: pointer" data="71682" class="copybut" id="copybut71682" onclick="doCopy('code71682')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code71682"> <br><STYLE type=text/css> <br>.menu { 테두리-오른쪽: #006080 2px 솔리드; 테두리 상단: #80e0ff 2px 솔리드; 왼쪽: 0px; 가시성: 숨김; 테두리-왼쪽: #80e0ff 2px 단색; 테두리-하단: #006080 2px 솔리드; 위치: 절대; 상단: 0px; BACKGROUND-COLOR: #40a0c0 } <br>A.menuItem { BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 12px; 테두리 상단: #000000 0px 솔리드; 디스플레이: 블록; 패딩-왼쪽: 8px; 글꼴 두께: 굵게; 글꼴 크기: 8pt; 패딩 하단: 2px; 테두리-왼쪽: #000000 0px 솔리드; 커서: 기본값; 색상: #ffffff; PADDING-TOP: 2px; 테두리-하단: #000000 0px 솔리드; 글꼴 계열: MS Sans Serif, Arial, Tahoma, sans-serif; 텍스트 장식: 없음 } <br>A.menuItem:hover { 색상: #ffff00; 배경색: #004060 } <br></STYLE> <br><DIV class=menu id=myMenu><A class=menuItem <BR>href="http://www.jb51.net">脚本之家</A> <A class=menuItem <BR>href="http://www.baidu.com">百島</A> <A class=menuItem <BR>href="">网 易</A> <A class=menuItem <BR>href="">江苏Music符</A> <A class=menuItem <BR>href="">央视國际</A> </DIV> <br><P><font onclick="openMenu(event, 'myMenu');return false;">点击打开菜单</font></P> <br><SCRIPT 유형=텍스트/자바스크립트> <br>document.getElementById("myMenu").onmouseout = closeMenu; <br>function openMenu(event, id) { <br>var el, x, y; <br>el = document.getElementById(id); <br>if (window.event) { <br>x = window.event.clientX document.documentElement.scrollLeft <br> document.body.scrollLeft; <br>y = window.event.clientY document.documentElement.scrollTop <br> document.body.scrollTop; <br>} <br>else { <br>x = event.clientX window.scrollX; <br>y = event.clientY window.scrollY; <br>} <br>x -= 2; y -= 2; <br>el.style.left = x "px"; <br>el.style.top = y "px"; <br>el.style.visibility = "표시됨"; <br>} <br>function closeMenu(event) { <br>var 현재, 관련; <br>if (window.event) { <br>current = this; <br>관련 = window.event.toElement; <br>} <br>else { <br>current = event.currentTarget; <br>관련=event.관련Target; <br>} <br>if (현재 != 관련 && !contains(현재, 관련)) <br>current.style.visibility = "숨김"; <br>} <br>function contain(a, b) { <br>// 노드 a에 노드 b가 포함되어 있으면 true를 반환합니다. <br>while (b.parentNode) <br>if ((b = b.parentNode) == a) <br>true를 반환합니다. <br>거짓을 반환합니다. <br>} <br></SCRIPT> <br> </tr><br> </table><br> </div>
