管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

Js+DVML很酷漂亮实用的右键弹出菜单

<HTML xmlns:v><HEAD> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>Js+DVML:很酷实用的右键弹出菜单</title> 
<STYLE> 
v\:*{behavior:url(#default#VML);} 
.menulist{position:static;PADDING-TOP:6;LETTER-SPACING:8;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2} 
</STYLE> 
</head>

<BODY oncontextmenu='return false'>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%3E%20%0D%0A%2F%2F%E4%BD%9C%E8%80%85%3A%E9%A3%8E%E4%BA%91%E8%88%9E%20%0D%0Avar%20menutime1%3Dnull%2Cshowobjs1%3Dnull%20%20%2F%2Fmenutime1%3D%E5%BE%AA%E7%8E%AF%E8%AE%A1%E6%97%B6%E5%99%A8%E8%B0%83%E7%94%A8%E5%8F%98%E9%87%8F%2Cshowobjs1%3D%E7%BB%91%E5%AE%9A%E8%8F%9C%E5%8D%95%EF%BC%8C%E5%AE%9A%E6%97%B6%E5%99%A8%E8%BF%87%E7%A8%8B%E6%89%A7%E8%A1%8C%E6%97%B6%E8%B0%83%E7%94%A8%20%0D%0Afunction%20document.onmouseup()%7Bif(event.button%3D%3D2)menushow(menu2%2C60%2C10)%7D%20%0D%0Afunction%20menushow(showobjs%2Cshowwid%2Cshowsudu)%7B%20%20%2F%2F%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95%E5%B1%95%E5%BC%80%E5%87%BD%E6%95%B0%20%0D%0A%20%2F%2F%E5%87%BD%E6%95%B0%E8%AF%B4%E6%98%8E%3Amenushow(%E8%8F%9C%E5%8D%95id%2C%E9%A1%B9%E5%B9%B3%E5%9D%87%E5%AE%BD%E5%BA%A6%2C%E4%BC%B8%E5%B1%95%E9%80%9F%E5%BA%A6)%20%0D%0Aif(menutime1!%3Dnull)%7BclearInterval(menutime1)%3Bmenutime1%3Dnull%7D%20%0D%0Ashowobjs.style.left%3Devent.x%3Bshowobjs.style.top%3Devent.y%3B%20%0D%0Ashowobjs1%3Dshowobjs.all.tags(%22roundrect%22)%3Bvar%20showlens%3Dshowobjs1.length%20%0D%0Afor(i%3D0%3Bi%3Cshowlens%3Bi%2B%2B)%7Bshowobjs1%5Bi%5D.style.width%3D0%3Bshowobjs1%5Bi%5D.style.visibility%3D%22hidden%22%7D%20%0D%0Ashowobjs.style.display%3D%22%22%20%0D%0Amenutime1%3DsetInterval(%22for(i%3D0%3Bi%3C%22%2Bshowlens%2B%22%3Bi%2B%2B)%7Bshowobjs1%5Bi%5D.style.visibility%3D''%3Bif(showobjs1%5Bi%5D.offsetWidth%3C%22%2Bshowwid%2B%22)%7Bshowobjs1%5Bi%5D.style.width%3Dshowobjs1%5Bi%5D.offsetWidth%2B%22%2Bshowsudu%2B%22%3Bbreak%3B%7Delse%7Bif(i%3D%3D%22%2B(showlens-1)%2B%22)%7BclearInterval(menutime1)%3Bmenutime1%3Dnull%7D%7D%7D%22%2C20)%20%0D%0A%7D%20%0D%0Afunction%20menuclose(showobjs2%2Cshowsudu2)%7B%20%20%2F%2F%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95%E5%85%B3%E9%97%AD%E5%87%BD%E6%95%B0%20%0D%0A%20%2F%2F%E5%87%BD%E6%95%B0%E8%AF%B4%E6%98%8E%3Amenushow(%E8%8F%9C%E5%8D%95id%2C%E5%85%B3%E9%97%AD%E5%8E%8B%E7%BC%A9%E9%80%9F%E5%BA%A6)%20%0D%0Aif(menutime1!%3Dnull)return%20false%20%0D%0Ashowobjs1%3Dshowobjs2.all.tags(%22roundrect%22)%3Bvar%20showlens%3Dshowobjs1.length-1%20%0D%0Amenutime1%3DsetInterval(%22for(i%3D%22%2Bshowlens%2B%22%3Bi%3E-1%3Bi--)%7Bif(showobjs1%5Bi%5D.offsetWidth%3E0)%7Btry%7Bshowobjs1%5Bi%5D.style.width%3Dshowobjs1%5Bi%5D.offsetWidth-%22%2Bshowsudu2%2B%22%3Bbreak%3B%7Dcatch(e)%7Bshowobjs1%5Bi%5D.style.visibility%3D'hidden'%3Bif(i%3D%3D0)%7BclearInterval(menutime1)%3Bmenutime1%3Dnull%7D%7D%7D%7D%22%2C20)%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

<span id=menu2 style="position:absolute;Z-INDEX:40000;LEFT:395;TOP:210;color:#739EFE;cursor:hand;display:none;font-size:12px;font-family:宋体" onmouseover="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='blue';event.srcElement.style.color='blue';event.srcElement.style.marginLeft=10}" onmouseout="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='#739EFE';event.srcElement.style.color='#739EFE';event.srcElement.style.marginLeft=0}"> 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://jscode.cn>网格</a></v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>矩阵</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>分界线</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>刷新</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>设置</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项.</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项..</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项...</v:roundrect>
 
<v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE onmouseup="menuclose(menu2,30)"> 
<v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>取消</v:roundrect> 
</span> 
</body>

</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程