用户点击链接后弹出导航菜单列表,这个特效只实现了这个功能而已,您自己修改样式美化。
<a href="http://zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr> <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站--> <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <script language="JavaScript1.2"> //菜单1的内容 var menu1=new Array() menu1[0]='<a href=http://zzjs.net/>zzjs</a><br>' menu1[1]='<a href=http://zzjs.net/>网页特效</a><br>' menu1[2]='<a href=http://zzjs.net/>广告代码</a><br>' //菜单2的内容 var menu2=new Array() menu2[0]='<a href=http://www.alixixi.com>网站首页</a><br>' menu2[1]='<a href=http://zzjs.net/>您自定义</a><br>' menu2[2]='<a href=http://zzjs.net/>您自定义</a><br>' </script> <style> <!-- .iewrap1{ position:relative; height:30px; ; font-family: "宋体"; font-size: 9pt} .iewrap2{ position:absolute; ; font-family: "宋体"; font-size: 9pt} #dropmenu0, #dropmenu1{ visibility:hide; z-index:100; } #dropmenu0 { font-family: "宋体" ; font-size: 9pt}#dropmenu1 { font-family: "宋体" ; font-size: 9pt} --> </style> <script language="JavaScript1.2"> //以下不要改 var zindex=100 function dropit2(whichone){ if (window.themenu&&themenu.id!=whichone.id) themenu.style.visibility="hidden" themenu=whichone if (document.all){ themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (themenu.style.visibility=="hidden"){ themenu.style.visibility="visible" themenu.style.zIndex=zindex++ } else{ hidemenu() } } }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 function dropit(e,whichone){ if (window.themenu&&themenu.id!=eval(whichone).id) themenu.visibility="hide" themenu=eval(whichone) if (themenu.visibility=="hide") themenu.visibility="show" else themenu.visibility="hide" themenu.zIndex++ themenu.left=e.pageX-e.layerX themenu.top=e.pageY-e.layerY+19 return false } function hidemenu(whichone){ if (window.themenu) themenu.style.visibility="hidden" } function hidemenu2(){ themenu.visibility="hide" } if (document.all) document.body.onclick=hidemenu //以上不要改 </script> <!----------菜单1开始----------> <ilayer height=35px left="65" top="9"> <layer visibility=show left="381" top="26"> <div align="center"><span class=iewrap1> <span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">站长特效网</a></font> </span> </span> </div> </layer> <div align="center"></div> </ilayer><br> <!----------菜单1结束----------> <!----------菜单2开始----------> <ilayer height=35px left="473" top="-26"> <layer visibility=show left="-234" top="-2"> <div align="center"><span class=iewrap1> <span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">阿里西西</a></font> </span> </span> </div> </layer> </ilayer><br> <!----------菜单2结束----------> <div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:#CDECF5;background-color:#CDECF5;width:80;visibility:hidden;border:1px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu0.style.padding="4px" for (i=0;i<menu1.length;i++) document.write(menu1[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu0.captureEvents(Event.CLICK) document.dropmenu0.onclick=hidemenu2 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 </script> <div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:#CDECF5;background-color:#CDECF5;width:80;visibility:hidden;border:1px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu1.style.padding="4px" for (i=0;i<menu2.length;i++) document.write(menu2[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu1.captureEvents(Event.CLICK) document.dropmenu1.onclick=hidemenu2 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 </script>
提示:你可以先修改部分代码再运行。
标签:
南宁电脑维修培训,笔记本芯片级维修,笔记本维修,芯片级维修培训,南宁电脑上门维修,南宁二手笔记本!
姓名 (必填)
邮件 (必填)
验证 (9+2)