Js+DVML:右键菜单菜单导航__脚本特效_后台技术飞飞Asp技术乐园

＞设为首页

＞收藏本站

＞最新电影

首页运营资讯今日英语图形图像计算机技术 Asp编程网站结构化资源共享休闲娱乐访问新站

您现在的位置：首页=>后台技术=>脚本特效=>菜单导航

订阅本栏目

Js+DVML:右键菜单

时间： 2007-12-10 10:26:23　阅读次数：2701

Js+DVML:右键菜单

<HTML xmlns:v><HEAD>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|ffasp.com|---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://ffasp.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>

提示：您可以先修改部分代码再运行

下一篇折叠展开收缩菜单

上一篇可以拖动的菜单

本栏目最新

栏目最新列表

使用jquery实现的简单下拉菜单（下拉框）效

简单的下拉菜单效果

div+css能在ie7/ie7/Firefox下运行的菜单导

同一个页面可以多次使用的选项卡

非常酷的菜单管理效果

网站优化策划

栏目最新列表

增加网站外链的快速方法

网站上线前必做的30个检查

新的友情链接参考标准（没有google的PR情况

优化Google的AdSense广告的五个工具

王通讲SEO八大基础

站点最新

站点最新列表

微博推广的一些技巧

xhEditor v1.1.7 发布，

收集的一些轻量级非常实

50个新鲜兼容最新版本的

javascript中cookie的设

Excel中出现#VALUE!、#D

jquery插件:飞飞表情插件

十个使用HTML5开发的精彩

支持HTML5的浏览器有哪些

飞妮莫属:漫画：如何写出

历史最热10条信息

MIME介绍及 [1] [2] [3]

巧用Google和迅雷来下载

Transact SQL 常 [1] [2]

VIA Rhine II Fast Ethe

电脑常用端 [1] [2] [3]

Do you get a kick out

十道羊皮卷欣赏+mp3版+

每日一句：A friend and

每日一句：Theres no tu

经典__悟透JavaScript

width=

伟哥博客西安房产 123最新电影三四六四

关于站点 | 免责声明 | 联系站长 | 网站地图 | 陕ICP备07002804号 WEB技术QQ交流群：72840059

©2007 ffasp.com. 版权所有