鼠标触发移动的分层菜单 层菜单moveMenu 时间:2020-05-13 人气:0 会移动的菜单,层菜单,鼠标放在菜单上,菜单就会移动,上浮的菜单,像是TAB风格的菜单,使用了一张图片,顺着代码可下载到这张修饰的小图片。 移动菜单,层菜单moveMenu <script language=Jscript> //建议使用IE5.0以上应用本代码. //**************************************************** //用数组来存储多个timeOut标识. tBack=new Array(5); tOut=new Array(5); //激活当前选项卡. function menuOut(whichMenu){ var curMenu=eval("menu"+whichMenu); curMenu.runtimeStyle.zIndex=6; clearTimeout(tBack[whichMenu]); moveOut(whichMenu); } //恢复初始状态. function menuBack(whichMenu){ var curMenu=eval("menu"+whichMenu); curMenu.runtimeStyle.zIndex=curMenu.style.zIndex; clearTimeout(tOut[whichMenu]); moveBack(whichMenu); } //移动当前选项卡 function moveOut(curNum){ var curMenu=eval("menu"+curNum); if(curMenu.style.posLeft>0) { curMenu.style.posLeft-=2; tOut[curNum]=setTimeout("moveOut('"+curNum+"')",1); } } //移回选项卡. function moveBack(curNum){ var curMenu=eval("menu"+curNum); if(curMenu.style.posLeft<30) { curMenu.style.posLeft+=2; tBack[curNum]=setTimeout("moveBack('"+curNum+"')",1); } } //鼠标移过时改变表格单元式样。 function swapClass(){ var o=event.srcElement; if(o.className=="td1") o.className="td2" else if(o.className=="td2") o.className="td1"; } document.onmouseover=swapClass; document.onmouseout=swapClass; </script> 选项一 选项二 选项三 选项四 选项卡一 选项一 选项二 选项三 选项四 选项卡二 选项一 选项二 选项三 选项四 选项卡三 选项一 选项二 选项三 选项四 选项卡四 选项一 选项二 选项三 选项四 选项卡五 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容