一个较酷的层叠式下拉菜单

发布时间:2008-12-19 19:39:59 阅读次数:

要完成此效果把如下代码加入到区域中 <script language="JavaScript1.2"> //菜单1的内容 var menu1=new Array() menu1[0]='首页
' menu1[1]='链接
' menu1[2]='链接
' //菜单2的内容 var menu2=new Array() menu2[0]='友情链接
' menu2[1]='语音聊天
' menu2[2]='随意链接
' </script> <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() } } } 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>