教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js点击下拉菜单

js点击下拉菜单

发布时间:2016-10-25   编辑:jiaochengji.com
教程集为您提供js点击下拉菜单等资源,欢迎您收藏本站,我们将为您提供最新的js点击下拉菜单资源
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >js点击下拉菜单 <style> </style> <ilayer id="dropmenu01" height=35px> <layer id="dropmenu02" visibility=show> <span id="iewrap"> <span id="iewrap2" onclick="dropit2();event.cancelBubble=true;return false"> 网站链接 </span> </span> </layer> </ilayer> <script language="JavaScript"> var enableeffect=true var selection=new Array() selection[0]='TOM
'; selection[1]='新浪
'; selection[2]='搜狐
'; selection[3]='NBA
'; function dropit2(){ if (document.all){ dropmenu03.style.left=document.body.scrollLeft event.clientX-event.offsetX dropmenu03.style.top=document.body.scrollTop event.clientY-event.offsetY 18 if (dropmenu03.style.visibility=="hidden"){ if (enableeffect) dropmenu03.filters.revealTrans.apply() dropmenu03.style.visibility="visible" if (enableeffect) dropmenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.dropmenu03.visibility=="hide") document.dropmenu03.visibility="show" else document.dropmenu03.visibility="hide" document.dropmenu03.left=e.pageX-e.layerX document.dropmenu03.top=e.pageY-e.layerY 19 return false } function hidemenu(){ if (enableeffect) dropmenu03.filters.revealTrans.stop() dropmenu03.style.visibility="hidden" } function hidemenu2(){ document.dropmenu03.visibility="hide" } if (document.all) document.body.onclick=hidemenu </script>
[关闭]
~ ~