网页左上角弹出导航菜单

作者:sky 点击:809 评论:0 发布时间:周六, 07/05/2014 - 10:13 所属分类:导航菜单

导航菜单默认隐藏在网页左上角，当用户的鼠标经过时才向下弹出显示，这是个不错的隐藏菜单特效，结合自己的需求来修改。

<style> #D1 { BACKGROUND-COLOR: lightgreen; BORDER-BOTTOM: white 2px outset; BORDER-LEFT: white 2px outset; BORDER-RIGHT: white 2px outset; BORDER-TOP: white 2px outset; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 300px; layer-background-color: lightgreen } a{font-size:9pt} a:link{text-decoration:none} a:hover{text-decoration:none;color:#FFFFFF} a:visited{text-decoration:none} .40pt{font-size:40pt;color:#3399ff;font-family:文鼎琥珀繁} </style> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <script language="javascript"> function menuIn() //菜单隐藏 {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 if(n4) { clearTimeout(out_ID) if( menu.top > menuH*-1+20+10 ) { menu.top -= 8 in_ID = setTimeout("menuIn()", 1) } else if( menu.top > menuH*-1+20 ) { menu.top-- in_ID = setTimeout("menuIn()", 1) } } else { clearTimeout(out_ID) if( menu.pixelTop > menuH*-1+20+10 ) { menu.pixelTop -= 8 in_ID = setTimeout("menuIn()", 1) } else if( menu.pixelTop > menuH*-1+20 ) { menu.pixelTop-- in_ID = setTimeout("menuIn()", 1) } } }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 function menuOut() //菜单显示 { if(n4) { clearTimeout(in_ID) if( menu.top < -10) { menu.top += 4 out_ID = setTimeout("menuOut()", 1) } else if( menu.top < 0) { menu.top++ out_ID = setTimeout("menuOut()", 1) } } else { clearTimeout(in_ID) if( menu.pixelTop < -10) { menu.pixelTop += 2 out_ID = setTimeout("menuOut()", 1) } else if( menu.pixelTop < 0 ) { menu.pixelTop++ out_ID = setTimeout("menuOut()", 1) } } }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 function fireOver() { clearTimeout(F_out) F_over = setTimeout("menuOut()", 10) } function fireOut() { clearTimeout(F_over) F_out = setTimeout("menuIn()", 10) }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 function init() { if(n4) { menu = document.D1 menuH = menu.document.height menu.top = menu.document.height*-1+20 menu.onmouseover = menuOut menu.onmouseout = menuIn menu.visibility = "visible" } else if(e4) { menu = D1.style menuH = D1.offsetHeight D1.style.pixelTop = D1.offsetHeight*-1+20 D1.onmouseover = fireOver D1.onmouseout = fireOut D1.style.visibility = "visible" } }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 F_over=F_out=in_ID=out_ID=null n4 = (document.layers)?1:0 e4 = (document.all)?1:0; </script> <div id="D1"> <table border="0" width="294"> <TBODY> <tr> <td align="middle" bgColor="#008000" rowSpan="2" width="14"><font color="#FFFFFF"> 导航菜单</font></td> <td width="127"> <ul> <li><a href="javascript:void(0)">站长特效网</a></li> <li><a href="javascript:void(0)">网站首页</a></li> <li><a href="javascript:void(0)">zzjs</a></li> <li><a href="javascript:void(0)">网页特效</a></li> <li><a href="javascript:void(0)">站长特效</a></li> </ul> </td> <td width="133"> </td> </tr> </TBODY> </table> </div> <body onload="init()" > 欢迎来到站长特效网，我们的网址是www.zzjs.net。很好记，zz，站长，js，js特效，用.net打造靓站！ </body>

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

顶一下

(0)

0%

踩一下

(1)

100%

标签:

上一篇:弹出无菜单新窗口代码

下一篇:网页左下角漂浮导航菜单

您可能还会对这些文章感兴趣！

南宁电脑维修培训,笔记本芯片级维修,笔记本维修,芯片级维修培训,南宁电脑上门维修,南宁二手笔记本！

发表评论