菜单制作学习一个小东西原创

2019-11-21 02:31:11

字体：大中小

来源：转载

供稿：网友

提示菜单用的东西，我想学习一下，一个小东西，研究一下

<html> <head> <title></title> </head> <body> <div 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中的私有成员

下一篇：对联广告