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

2006-09-11 00:00:00 作者：

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

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

<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需刷新才能执行]

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

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