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

时间：2021-01-12 13:20:44|栏目：JavaScript代码|点击：次

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

<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需再刷新一下页面才能执行]

上一篇：Bootstrap每天必学之折叠

栏目：JavaScript代码

下一篇：react-native使用leanclound消息推送的方法

本文标题：菜单制作学习一个小东西原创

本文地址：http://www.codeinn.net/misctech/44334.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程

JavaScript代码

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

阅读排行

推荐教程

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