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

更新时间：2007年03月09日 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> <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> <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需再刷新一下页面才能执行]

您可能感兴趣的文章:

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

CSS鼠标悬停菜单图片交换技术实现
这是一个使用了图片交换技术制作的CSS鼠标悬停菜单，也就是大家所说的鼠标经过换色，不过本例中的菜单并没有使用纯CSS来实现背景换色，这里将用一幅图片替换了背景色，因为主要是想让大家了解CSS对背景图片控制的技巧
2009-11-11
js兼容IE6,IE7菜单高亮显示效果代码
原来做了一个菜单在IE7下正常没想到在IE6下却没有效果，后来改成使用JS实现虽然是实现的，但总觉得不是很好，在网上找了些资料，用CSS实现了。
2008-07-07
css+js下拉菜单
js+css实现的简单的下来菜单。兼容性好。
2009-05-05
javascript+css 新闻显示tab 选项卡效果
跟新浪的比较像啊，tab切换效果，门户类网站用过的，大家可以看看。
2009-04-04
腾讯QQ网页在线客服，随网页滚动条上下移动的效果一
腾讯QQ网页在线客服，随网页滚动条上下移动的效果一...
2007-03-03
jquery 实现斜导航效果
jquery 实现斜导航效果代码，就一个图片文件，利用css控制位置，非常不错。
2009-05-05
JavaScript CSS菜单功能改进版
在上一篇《JavaScript css 实现菜单功能》通过一个HTML页面简单的实现了菜单功能。但是实际开发当中，如果菜单栏有很多项，频繁的修改HTML，会很繁琐，也容易出错。
2008-12-12
css 有弹动效果的网页导航
发了个韩国网站（www.firstkids.co.kr）给我，让我用CSS写一个类似这个网站的导航栏效果。思路是：背景图像定位！
2009-10-10
javascript 代码简单的管理菜单
2008-05-05
腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二
腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二...
2007-03-03

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具