鼠标感应弹出下拉菜单特效

作者:sky 点击:711 评论:0 发布时间:周六, 06/14/2014 - 01:20 所属分类:导航菜单

简洁的鼠标经过弹出下拉菜单特特效，很实用的一个js脚本，鼠标经过菜单名称时立即触发弹出。

<a href="http://zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <SCRIPT language=javascript> function out1() {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link") menu1.style.visibility="hidden"; } //--> </SCRIPT> <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="http://zzjs.net/">网站首页</a><br /> <a id="link" href="http://zzjs.net/">zzjs</a><br /> <a id="link" href="http://zzjs.net/">网页特效</a><br /> <a id="link" href="http://zzjs.net/">广告代码</a><br /> <a id="link" href="http://zzjs.net/">留言本</a><br /> <a id="link" href="http://zzjs.net/">rss订阅</a><br /> </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:75;height:10;z-index:4;visibility:hidden;"> <a id="link" href="http://www.alixixi.com/">网站首页</a><br /> <a id="link" href="http://zzjs.net/">您自定义</a><br /> <a id="link" href="http://zzjs.net/">您自定义</a><br /> <a id="link" href="http://zzjs.net/">您自定义</a><br /> <a id="link" href="http://zzjs.net/">您自定义</a><br /> <a id="link" href="http://zzjs.net/">您自定义</a><br /> </div> </div> </div>

提示：你可以先修改部分代码再运行。

顶一下

(1)

100%

踩一下

(0)

标签: