[雨哲在线]友情提示：您的浏览器不支持JavaScript脚本，可能无法正常访问本站！！！

·关于我们 ·付款方式 ·联系我们 ·留言反馈 ·加入收藏 ·设为首页

您现在的位置：雨哲在线 >> 文章教程 >> Web开发 >> HtmlCss >> 查看文章内容

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

【字体：小大】热 ★★★ 作者：风云舞文章来源：互联网点击数：503 更新时间：2007-02-09 阅读点数：0点

载入中

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

普通日志

给文章部分内容增加权限[类似论坛购买贴][11-09]

普通日志

留言本仿论坛模板及部分功能[11-08]

普通日志

雨哲自定义表单系统 For SiteWeaver[11-07]

普通日志

在线支付模板管理[11-07]

普通日志

全站搜索 For SiteWeaver 通用[11-07]

普通日志

企业会员展示系统[11-07]

本文短地址：http://www.yz81.com/?ArticleID=173 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

上一篇文章：网页侦测四法
下一篇文章：没有凹凸感的输入框特效

[更多] 网友看法

数据载入中，请稍后……

发表评论

昵　称:		邮　箱:
评　分:	1分 2分 3分 4分 5分
内　容: （0/5000）插入链接
验证码:
雨哲提示：Alt+S快速发表

用户信息中心

与本文章相关内容

>> [文章教程]javascript中获取地址栏参数　[日期：2007-11-23 21:51:44]
>> [雨哲网赚]JavaScript编码错误将给网络　[日期：2007-11-23 21:37:12]
>> [雨哲网赚]Google ADSense的JS投放代码　[日期：2007-11-12 12:48:59]
>> [文章教程]JS+CSS打造可拖动的聊天窗口　[日期：2007-10-25 20:40:24]
>> [文章教程]js用于树型结构级联选择　[日期：2007-10-25 18:06:45]
>> [文章教程]打印网页中定义的部分内容　[日期：2007-10-24 22:41:09]
>> [文章教程]提交表单的Js进度条效果　[日期：2007-10-16 15:09:08]
>> [文章教程]判断远程图片是否存在　[日期：2007-10-14 20:20:56]
>> [文章教程]js代码高亮关键字　[日期：2007-02-09 23:25:55]
>> [文章教程]一款菜单特效代码　[日期：2007-02-09 23:25:51]

热门排行TOP10

推荐排行TOP10

广告位招商QQ:425162221

联系我们 | 网站地图 | 友情链接 | 版权申明 | 管理登录

Copyright © 2006 - 2008 雨哲工作室 Yz81.Com 业务QQ：425162221

蜀ICP备06005485号