菜單制作學習一個小東西原創

2019-11-21 02:31:11

字體：大中小

來源：轉載

供稿：網友

提示菜單用的東西，我想學習一下，一個小東西，研究一下

<html> <head> <title></title> </head> <body> <div   class="iwvjtn8m0"   id="menudiv" style="z-index:2;position:absolute;visibility:hidden;background-color:green;color:white;">大家好啊</div> <script language="javascript"> var h,l,t,w,mX,mY,e,srcE,thediv function showMenu(){ e=window.event?window.event:e; srcE=e.srcElement?e.srcElement:e.target; if(!srcE)return; thediv=document.getElementById('menudiv') h=srcE.offsetHeight; w=srcE.offsetWidth; //alert(h); l=srcE.offsetLeft+2; t=srcE.offsetTop+h; thediv.style.top=t; thediv.style.left=l; thediv.style.visibility="visible"; isvisible=true; } function hideMenu(){ e=window.event?window.event:e; srcE=e.srcElement?e.srcElement:e.target; thediv=document.getElementById('menudiv') if(!srcE)return; if(isvisible==true){ mX=e.clientX+document.body.scrollLeft; mY=e.clientY+document.body.scrollTop; if((mX<parseInt(thediv.style.left))||(mX>parseInt(thediv.style.left)+thediv.offsetWidth)||(mY<parseInt(thediv.style.top-h))||(mY>parseInt(thediv.style.top)+thediv.offsetHeight)) { thediv.style.visibility="hidden"; isvisible=false; } } } </script> <a href="" onmouseover="showMenu()" onmouseout="hideMenu()">武林網</a> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：JavaScript中的私有成員

下一篇：對聯廣告