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

ttx9n · 发表于 2007-3-9 00:00:00

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

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

<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> 
 
</body>

</html>

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

pwseqn1h · 发表于 2022-8-9 08:09:20

额UI废物iuhfujewfiewnnfen

feiyasqhr · 发表于 2022-11-14 14:31:57

哦哦哦ijhhsdj

bp5jgbcnt · 发表于 2023-1-25 15:34:29

还有什么好东西没

pb_tjc · 发表于 2023-2-12 07:40:39

问问问企鹅哇哇哇哇哇

fiyeid · 发表于 2023-6-12 03:55:53

很不错的样子

.l4 · 发表于 2023-9-5 18:15:56

天天源码社区。。。。

6q8s6p21 · 发表于 2023-9-28 07:30:38

搞个免费的用用

do827261756 · 发表于 2023-11-2 04:01:28

老衲笑纳了

feiyasqhr · 发表于 2023-12-8 05:00:59

很不错的玩意

账号		自动登录	找回密码
密码			立即注册

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

相关帖子