能在WEB页上实现右键弹出菜单吗？该怎么解决
日期：2014-05-19 浏览次数：20420 次
能在WEB页上实现右键弹出菜单吗？
如题！
------解决方案--------------------
可以,js
------解决方案--------------------
<HTML xmlns:v> <HEAD>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 网页特效代码|JsCode.CN|---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 '>
<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.length
for(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 false
showobjs1=showobjs2.all.tags( "roundrect ");var showlens=showobjs1.length-1
menutime1=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://jscode.cn> 网格 </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=
如题！
------解决方案--------------------
可以,js
------解决方案--------------------
<HTML xmlns:v> <HEAD>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 网页特效代码|JsCode.CN|---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 '>
<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.length
for(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 false
showobjs1=showobjs2.all.tags( "roundrect ");var showlens=showobjs1.length-1
menutime1=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://jscode.cn> 网格 </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=
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
