您的位置：农牧网资源中心 >> 网页特效 >> 导航菜单 >> 阅读资讯：很酷实用的右键弹出菜单

很酷实用的右键弹出菜单

[ 来源：不详 | 作者：佚名 | 时间：2007-6-10 11:02:08 | 收藏本文 ]

<div id="NewsContentLabel" class="NewsContent">提示:点击代码可以查看效果<HTML xmlns:v><HEAD><head><meta http-equiv=Content-Type content=text/html; charset=gb2312><title>免费<a target="_blank" href="http://www.newasp.cn/" class="UBBWordLink">网络</a>－网页特效－很酷实用的右键弹出菜单</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><Script>//作者:风云舞var menutime1=null,showobjs1=null  //menutime1=循环计时器调用变量,showobjs1=绑定菜单，定时器过程执行时调用function document.onmouseup(){if(event.button==2)menushow(menu2,60,10)}function menushow(showobjs,showwid,showsudu){  //右键菜单展开函数 //函数说明:menushow(菜单id,项平均宽度,伸展速度)if(menutime1!=null){clearInterval(menutime1);menutime1=null}showobjs.style.left=event.x;showobjs.style.top=event.y;showobjs1=showobjs.all.tags(roundrect);var showlens=showobjs1.lengthfor(i=0;i<showlens;i++){showobjs1[i].style.width=0;showobjs1[i].style.visibility=hidden}showobjs.style.display=menutime1=setInterval(for(i=0;i<+showlens+;i++){showobjs1[i].style.visibility=;if(showobjs1[i].offsetWidth<+showwid+){showobjs1[i].style.width=showobjs1[i].offsetWidth++showsudu+;break;}else{if(i==+(showlens-1)+){clearInterval(menutime1);menutime1=null}}},20)}function menuclose(showobjs2,showsudu2){  //右键菜单关闭函数 //函数说明:menushow(菜单id,关闭压缩速度)if(menutime1!=null)return falseshowobjs1=showobjs2.all.tags(roundrect);var showlens=showobjs1.length-1menutime1=setInterval(for(i=+showlens+;i>-1;i--){if(showobjs1[i].offsetWidth>0){try{showobjs1[i].style.width=showobjs1[i].offsetWidth-+showsudu2+;break;}catch(e){showobjs1[i].style.visibility=hidden;if(i==0){clearInterval(menutime1);menutime1=null}}}},20)}</script><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://www.freewl.com>网格</a></v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>矩阵</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>分界线</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>刷新</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>设置</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>项</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>项.</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>项..</v:roundrect><br><v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE><v:fill type=gradient opacity=.4 color=#739EFE color2=white angle=50/>项...</v:roundrect><br><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> </div><div id="Message" class="Message"></div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[] [返回上一页] [打印]