知识大全 JS特效代码--一个很Cool的JS菜单效果

Posted 2022-07-20 菜单

篇首语：提兵百万西湖上，立马吴山第一峰！本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JS特效代码--一个很Cool的JS菜单效果相关的知识，希望对你有一定的参考价值。

JS特效代码--一个很Cool的JS菜单效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　function CoolMenuControl()

　　// 常规变量 this lastScrollX= ; this lastScrollY= ; this lastScrollW= ; this lastScrollH= ; this td_X= ; this td_Y= ; this td_W= ; this td_H= ; this td= ; this mouseon= ; this current=null this _name; this table_name; this menudiv_name; this menutable_name; this ml= ; this menuarray=new Array(); this speed; this href="";

　　// 菜单项目 function menuitem(type value url target) this type=type this value=value this url=url this target=target

　　// 插入菜单 this insertmenu=function(type value url target) this menuarray[this menuarray length]=new menuitem(type value url target)

　　// 程序初试化 this init=function(name bdc bgc speed Alpha) var in="" var cellcount= var lastcellcount= this _name=name+"" this table_name=name+"table" this menudiv_name=name+"menudiv" this menutable_name=name+"menutable" this speed=speed

　　for (i= ;i<this menuarray length;i++) if (this menuarray[i] type==" ") cellcount=cellcount+ if (this menuarray[i] type==" " || this menuarray[i] type==" ") cellcount= if (lastcellcount<cellcount) lastcellcount++

　　//alert(cellcount)

　　stylecode="cursor:hand;filter:Alpha(style= opacity="+Alpha+");background color:"+bgc

　　suspendcode="<DIV id="+this _name+" style= POSITION:absolute; onclick= "+name+" doClick() >" +"<table id="+this table_name+" border= width= cellspacing= style= border collapse: collapse bordercolor= "+bdc+" >" +"<tr><td height= style= "+stylecode+" ></td></tr></table></div>"; document write(suspendcode); var fcell=true for (i= ;i<this menuarray length;i++) switch(this menuarray[i] type) case " ": t=cellcount* if (t<= ) in+= <tr><td colspan= class=ht onmouseover= +name+ href=" +this menuarray[i] url+ +this menuarray[i] target+ " > +this menuarray[i] value else in+= <tr><td colspan= +t+ class=ht onmouseover= +name+ href=" +this menuarray[i] url+ +this menuarray[i] target+ " > +this menuarray[i] value fcell=true break; case " ": t=(cellcount )* if (t<= ) in+= <tr><td width= ><td onmouseover= +name+ href=" +this menuarray[i] url+ +this menuarray[i] target+ " > +this menuarray[i] value else in+= <tr><td width= ><td colspan= +t+ onmouseover= +name+ href=" +this menuarray[i] url+ +this menuarray[i] target+ " > +this menuarray[i] value fcell=true break; case " ": if (fcell) in+= <tr><td width= ><td onmouseover= +name+ href=" +this menuarray[i] url+ +this menuarray[i] target+ " > +this menuarray[i] value; fcell=false else in+= <td width= ><td onmouseover= +name+ href=" +this menuarray[i] url+ +this menuarray[i] target+ " > +this menuarray[i] value; break; in= <div id= +this menudiv_name+ onmousemove=" +name+ doOver()"> + <table id= +this menutable_name+ border= cellpadding=" " cellspacing=" "> +in + </table></div> ; //alert(in) document write(in);

　　this lastScrollX= ; this lastScrollY= ; this posXY(eval(this menutable_name) cells[ ]) this td_W=eval(this menutable_name) cells[ ] scrollWidth+ this td_H=eval(this menutable_name) cells[ ] scrollHeight setInterval(name+" scrollback()" )

　　// 单击超连接 this doClick=function() //alert(this url) var url=this href split(" ") //alert(url[ ]) //alert(url[ ]) if (url[ ]=="") return

　　if (url[ ]=="_blank") window open(url[ ]) else location href=url[ ]

　　// 滑动处理 this scrollback=function() diffX=this td_X diffY=this td_Y diffW=this td_W diffH=this td_H percentX=this speed*(diffX this lastScrollX); percentY=this speed*(diffY this lastScrollY); percentW=this speed*(diffW this lastScrollW); percentH=this speed*(diffH this lastScrollH);

　　if(percentX> )percentX=Math ceil(percentX); else percentX=Math floor(percentX); if(percentY> )percentY=Math ceil(percentY); else percentY=Math floor(percentY); if(percentW> )percentW=Math ceil(percentW); else percentW=Math floor(percentW); if(percentH> )percentH=Math ceil(percentH); else percentH=Math floor(percentH);

　　eval(this _name) style pixelTop+=percentY; eval(this _name) style pixelLeft+=percentX; eval(this table_name) style pixelWidth+=percentW; eval(this table_name) style pixelHeight+=percentH;

　　this lastScrollX=this lastScrollX+percentX; this lastScrollY=this lastScrollY+percentY; this lastScrollW=this lastScrollW+percentW; this lastScrollH=this lastScrollH+percentH;

　　// 滑出 this doOver=function() if (event srcElement tagName=="TD") if (event srcElement innerText length== || event srcElement innerText=="|") return this posXY(event srcElement) this td_W=event srcElement scrollWidth+ this td_H=event srcElement scrollHeight

　　// 绝对定位 this posXY=function(obj) _left=obj offsetLeft _top=obj offsetTop vParent = obj offsetParent; while (vParent tagName toUpperCase() != "BODY") _left += vParent offsetLeft; _top += vParent offsetTop; vParent = vParent offsetParent; this td_X=_left this td_Y=_top

　　// 关于 this about=function() alert("OK")

　　 </script>

　　<head> <meta equiv="Content Language" content="zh cn"> <style> bcolor=# ;cursor:hand menu font family:Arial; cursor:Default; font size: px; border: px # solid; border collapse: collapse; filter:progid:DXImageTransform Microsoft Gradient(gradienttype= startcolorstr=#ffffff endcolorstr=#dddddd) progid:DXImageTransform Microsoft Shadow(direction= color=#cccccc strength= ); ht font weight:bold </style> <! 第一步实体化X Menu类用法: var <实体变量> new CoolMenuControl() > <script language="javascript"> var CoolMenu =new CoolMenuControl() var about=new Array() about[ ]="关于X Menu菜单nnAuthor:PuterJamnCopyright n转载请通知本人" about[ ]="关于作者nn"这家伙很懒什么也没留下！！"

　　</script> </head> <body> <! 第二步建立菜单项目用法: <实体变量> insertmenu(类型 Html代码链接网址目标) 　类型０代表菜单标题１代表树型菜单子项目２代表横向菜单子项目　Html代码显示在菜单上的Html代码链接网址不用多说了网址或Javascript脚本目标默认为空既不在本页打开 "_blank"代表在新的页面打开例如: CoolMenu insertmenu(" " "<img src=// blueidea /img/icon/arrow gif> 新浪网" " "_blank") 　 > <script> CoolMenu insertmenu(" " "本站首页" "" "") CoolMenu insertmenu(" " "新闻中心" " "_blank") CoolMenu insertmenu(" " "文章中心" " "_blank") CoolMenu insertmenu(" " "图片欣赏" " "_blank") CoolMenu insertmenu(" " "软件下载" " "_blank") CoolMenu insertmenu(" " "娱乐欣赏" " "_blank") </script>

cha138/Article/program/Java/JSP/201311/19958