PC6下载站

分类分类

鼠标移上去弹出下拉菜单代码

关注+2011-02-09作者:佚名

<SCRIPT language=javascript><!--  
function out()  
{  
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")  
  menu.style.visibility="hidden";  
}  
//-->  
function out1()  
{  
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")  
  menu1.style.visibility="hidden";  
}  
//-->  
</SCRIPT>  
 
<body>  
<div id="back" onmouseout="out()"style="position:absolute;top:225;left:250;width:160;height:40;z-index:1;visibility:visible;">  
<span id="menubar"  onmouseover="menu.style.visibility='visible'">  
<font color=red size=2>菜单一</span>  
<div border=1  id="menu" style="position:absolute;top:15;left:0;width:75;height:10;z-index:2;visibility:hidden;">  
<a id="link" href="LINK1.htm">LINK1</a>  
<a id="link" href="LINK2.htm">LINK2</a>  
<a id="link" href="LINK3.htm">LINK3</a>  
<a id="link" href="LINK4.htm">LINK4</a>  
<a id="link" href="LINK5.htm">LINK5</a>  
<a id="link" href="LINK6.htm">LINK6</a>  
</div>  
</div>  
<div id="back" onmouseout="out1()"style="position:absolute;top:225;left:330;width:160;height:40;z-index:3;visibility:visible;">  
<span id="menubar"  onmouseover="menu1.style.visibility='visible'">  
<font  color=red size=2>菜单二</span>  
<div border=1  id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">  
<a id="link" href="LINK1.htm">LINK1</a>  
<a id="link" href="LINK2.htm">LINK2</a>  
<a id="link" href="LINK3.htm">LINK3</a>  
<a id="link" href="LINK4.htm">LINK4</a>  
<a id="link" href="LINK5.htm">LINK5</a>  
<a id="link" href="LINK6.htm">LINK6</a>  
</div>  
</div>  
</div> 
展开全部

相关文章

更多+相同厂商

热门推荐

  • 最新排行
  • 最热排行
  • 评分最高
排行榜

    点击查看更多

      点击查看更多

        点击查看更多

        说两句网友评论

          我要评论...
          取消