推荐：极酷右键菜单
2018-09-21 21:39
复制代码 代码如下:<!--++++++++++++++++++++++++++++++在<body></body>之间输入下面的代码++++++++++++++++++++++++++++++++-->
点击右键看看！
<style>
body,td,a{font-size:9pt;color:black}
.none{border:black1pxsolid;background:D9D9D9;padding-top:2}
.over{border:black1pxsolid;background:707888;color:white;padding-top:2}
</style>
<bodyoncontextmenu=returnfalse>
<divstyle=position:absolute;left:100;top:100;cursor:hand;display=none;ID=plane
onmousedown=down=true;divleft=event.clientX-parseInt(plane.style.left);
<divalign=centerstyle=position:absolute;left:150px;top:33px;width:100px;
height:19px;z-index:1;color:white;background:707888;cursor:default;class=none
onmouseover=menuin();init()>右键菜单</div>
<divalign=centerid=item1style=position:absolute;left:50px;top:55px;width:99px;
height:19px;z-index:2;filter:alpha(opacity=0)onmouseover=this.className=over;menuin()
onmouseout=this.className=none;class=none
><ahref=网络学院</a></div>
<divalign=centerid=item2style=position:absolute;left:250px;top:77px;width:99px;height:19px;z-index:3;filter:alpha(opacity=0)
class=noneonmouseover=this.className=over;menuin()
onmouseout=this.className=none;><ahref=#>菜单项二</a></div>
<divalign=centerid=item3style=position:absolute;left:50px;top:99px;width:99px;height:19px;z-index:4;filter:alpha(opacity=0)
class=noneonmouseover=this.className=over;menuin()
onmouseout=this.className=none;>菜单项三</div>
<divalign=centerid=item4style=position:absolute;left:250px;top:121px;width:99px;height:19px;z-index:5;filter:alpha(opacity=0)
class=noneonmouseover=this.className=over;menuin()
onmouseout=this.className=none;>菜单项四</div><divalign=centerid=item5style=position:absolute;left:50px;top:143px;width:99px;height:19px;z-index:6;filter:alpha(opacity=0)
class=noneonmouseover=this.className=over;menuin()
onmouseout=this.className=none;>菜单项五</div>
</div>
<scriptlanguage=vbs>
dimdown,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree
down=false
timelinestart=0
timelinestop=0
subdocument_onmousedown
ifwindow.event.button=2then
plane.style.display=
plane.style.left=window.event.clientx-153
plane.style.top=window.event.clienty-35
endif
endsub
subdocument_onmousemove
ifdownthen
plane.style.left=window.event.clientx-divleft
plane.style.top=window.event.clienty-divtop
endif
endsub
subdocument_ondargstart
window.event.returnvalue=false
endsub
functionmenuin()
cleartimeout(tidtree)
endfunction
subdocument_onclick
tidtree=settimeout(outit(),200)
endsub
functioninit()
iftimelinestart<>5then
cleartimeout(tidtwo)
item1.style.pixelLeft=item1.style.pixelLeft+20
item1.filters.alpha.opacity=item1.filters.alpha.opacity+20
item2.style.pixelLeft=item2.style.pixelLeft-20
item2.filters.alpha.opacity=item2.filters.alpha.opacity+20
item3.style.pixelLeft=item3.style.pixelLeft+20
item3.filters.alpha.opacity=item3.filters.alpha.opacity+20
item4.style.pixelLeft=item4.style.pixelLeft-20
item4.filters.alpha.opacity=item4.filters.alpha.opacity+20
item5.style.pixelLeft=item5.style.pixelLeft+20
item5.filters.alpha.opacity=item5.filters.alpha.opacity+20
timelinestart=timelinestart+1
else
cleartimeout(tidone)
endif
tidone=settimeout(init(),1)
endfunction
functionoutit()
iftimelinestart<>0then
cleartimeout(tidone)
item1.style.pixelLeft=item1.style.pixelLeft-20
item1.filters.alpha.opacity=item1.filters.alpha.opacity-20
item2.style.pixelLeft=item2.style.pixelLeft+20
item2.filters.alpha.opacity=item2.filters.alpha.opacity-20
item3.style.pixelLeft=item3.style.pixelLeft-20
item3.filters.alpha.opacity=item3.filters.alpha.opacity-20
item4.style.pixelLeft=item4.style.pixelLeft+20
item4.filters.alpha.opacity=item4.filters.alpha.opacity-20
item5.style.pixelLeft=item5.style.pixelLeft-20
item5.filters.alpha.opacity=item5.filters.alpha.opacity-20
timelinestart=timelinestart-1
else
cleartimeout(tidtwo)
plane.style.display=none
exitfunction
endif
tidtwo=settimeout(outit(),1)
endfunction
</script>
下一篇：js常用函数 不错