1顶

右击弹出菜单效果

稿源：互联网 2022-06-20 10:45:04 点击： 1625 撤稿纠错

运行代码后，在页面中任何一个位置右击鼠标看效果。

以下讨论的是和相关的右击弹出菜单效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v>
<HEAD>
<META http-equiv=Content-Type content=text/html;charset=utf-8>
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<TITLE>超酷导航菜单，zzjs.net收集，站长特效网欢迎您。。</TITLE>
<STYLE>v:* {
 BEHAVIOR: url(#default#VML)
}
.menulist {
 MARGIN-BOTTOM: -2px; PADDING-TOP: 6px; LETTER-SPACING: 8px; POSITION: static; HEIGHT: 20px; TEXT-ALIGN: center
}
</STYLE>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY oncontextmenu="return false">
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<SCRIPT>
 //作者:风云舞
var menutime1=null,showobjs1=null  //menutime1=循环计时器调用变量,showobjs1=绑定菜单，定时器过程执行时调用
function document.onmouseup(){if(event.button==2)menushow(menu2,60,20);else if(event.button==1&&event.srcElement.tagName!="roundrect"){clearInterval(menutime1);menutime1=null;menuclose(menu2,30)}}
function menushow(showobjs,showwid,showsudu){  //右键菜单展开函数
 //函数说明:menushow(菜单id,项平均宽度,伸展速度)
if(menutime1!=null){clearInterval(menutime1);menutime1=null}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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 onmouseover="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='blue';event.srcElement.style.color='blue';event.srcElement.style.marginLeft=10}" style="DISPLAY: none; FONT-SIZE: 12px; Z-INDEX: 40000; LEFT: 395px; CURSOR: hand; COLOR: #739efe;FONT-FAMILY: 宋体; POSITION: absolute; TOP: 210px" 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 = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe"><v:fill type = "gradient" opacity = "26214f" color2 ="white" angle = "50"></v:fill><a href="http://www.zzjs.net">站长特效网</a></v:roundrect><BR>
<v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor ="#739efe">
<v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill><a href="<#ZC_BLOG_HOST#>?cat=1">导航</a></v:roundrect><BR>
<v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe">
<v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill>web</v:roundrect><BR><v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe">
<v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill>其他</v:roundrect><BR><v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe">
<v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill>自定义</v:roundrect><BR><v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe"><v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill>自定义</v:roundrect><BR>
<v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe"><v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill>自定义</v:roundrect><BR>
<v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe">
<v:fill type = "gradient" opacity = "26214f" color2 = "white" angle ="50"></v:fill>自定义</v:roundrect><BR><v:roundrect class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe" strokecolor = "#739efe">
<v:fill type = "gradient" opacity = "26214f" color2 = "white" angle = "50"></v:fill>自定义</v:roundrect><BR>
<v:roundrect onmouseup=menuclose(menu2,30) class=menulist arcsize = ".5" coordsize = "21600,21600" fillcolor = "#739efe"
strokecolor = "#739efe"><v:fill type = "gradient" opacity = "26214f" color2 ="white" angle = "50"></v:fill>自定义</v:roundrect> </SPAN>
</BODY>
</HTML>

关于右击弹出菜单效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016303662408.shtml方便下次再访问哦。

·上一篇： 旋转式导航菜单
·下一篇： 非常漂亮的导航菜单

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

右击弹出菜单效果

文章分类LIST >>返回首页

最新游戏

最新新闻