手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >推荐:极酷右键菜单
推荐:极酷右键菜单
摘要:复制代码代码如下:点击右键看看!body,td,a{font-size:9pt;color:black}.none{border:black...

复制代码 代码如下:<>

点击右键看看!

<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);

divtop=event.clientY-parseInt(plane.style.top)"onmouseup="down=false">

<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="item1"style="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=http://www.pcedu.com.cn>网络学院</a></div>

<divalign=centerid="item2"style="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="item3"style="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="item4"style="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="item5"style="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>

【推荐:极酷右键菜单】相关文章:

你都知道吗关于高性能JAVASCRIPT?

mouse_on_title.js

jQuery插件expander实现图片翻转特效

检测用户按键

接收键盘指令的脚本

百度地图给map添加右键菜单(判断是否为marker)

如何实现浏览器上的右键菜单

两边静止的广告条

Angular中$compile源码分析

js实现精美的银灰色竖排折叠菜单

精品推荐
分类导航