我的一亩三分地 我就喜欢!
网站首页
网管
论坛
环境保护
方便网址
网管助手
软件
下载
网站地图
设为主页
收藏本站
当前位置: >
一亩三分地：首页
>
网络学院
>
网页设计
>
JS特效
>
可展开的导航菜单
状态栏字母大小写转换
(10-21)
上下滚动的文字
(10-21)
Javascript：window对象的方法
(11-24)
网页中播放音乐的实现方法代码
(11-24)
如何防止被IE工具拦截导致无法弹出窗
(11-24)
模仿QQ和MSN消息提示的效果
(11-13)
下拉式导航菜单
(10-21)
简单实用的下拉菜单
(10-21)
主页制作器
(10-21)
广告文字的显示
(10-21)
可展开的导航菜单
作者:
来源:
点击:
日期:
2006-10-21
左边为效果显示
数字音效
menu1
menu2
menu3
图像处理
menu1
menu2
menu3
三维视频
menu1
menu
2
menu
3
多媒体开发
menu1
menu1
menu1
网站建设
menu1
menu1
menu1
脚本说明: 第一步：把如下代码加入<body>区域中 <SCRIPT language=JavaScript> <!-- function MFXinitMenu(){ IE = document.all ? 1:0; NN = document.layers ? 1:0; HIDDEN = (NN) ? 'hide' : 'hidden'; VISIBLE = (NN) ? 'show' : 'visible'; myLayer=new Array(); mySpeed=5; subLeft=0; closes=true; myLayer[0]=(NN) ? document.MFX0 : document.all.MFX0.style; myLayer[1]=(NN) ? document.MFX1 : document.all.MFX1.style; myLayer[2]=(NN) ? document.MFX2 : document.all.MFX2.style; myLayer[3]=(NN) ? document.MFX3 : document.all.MFX3.style; myLayer[4]=(NN) ? document.MFX4 : document.all.MFX4.style; myLayer[5]=(NN) ? document.MFX5 : document.all.MFX5.style; myLayer[6]=(NN) ? document.MFX6 : document.all.MFX6.style; myLayer[7]=(NN) ? document.MFX7 : document.all.MFX7.style; myLayer[8]=(NN) ? document.MFX8 : document.all.MFX8.style; myLayer[9]=(NN) ? document.MFX9 : document.all.MFX9.style; running=false; whichOpen=-1; lastMain=myLayer.length-2; MFXmain=new Array(); for(i=0; i<myLayer.length; i++){ mainORsub= i % 2; MFXmain[i] = mainORsub ? 0:1; } myTop=new Array(); myLeft=new Array(); myHeight=new Array(); myWidth=new Array(); mySlide=new Array(); for(i=0; i<myLayer.length; i++){ if(NN&&MFXmain[i]){ if(i==0){ myTop[i]=myLayer[i].top; myLeft[i]=myLayer[i].left;} else{ myLeft[i]=myLeft[i-2]; myTop[i]=myTop[i-2]+myHeight[i-2];} myHeight[i]=myLayer[i].clip.height; myWidth[i]=myLayer[i].clip.width; myLayer[i].left=myLeft[i]; myLayer[i].top=myTop[i]; myLayer[i].visibility=VISIBLE;} if(NN&&!MFXmain[i]){ myTop[i]=myTop[i-1]+myHeight[i-1]; myLeft[i]=myLeft[i-1]; myHeight[i]=myLayer[i].clip.height; myWidth[i]=myLayer[i].clip.width; mySlide[i]=myTop[i]+myHeight[i]; myLayer[i].left=myLeft[i]+subLeft; myLayer[i].top=myTop[i];} if(IE&&MFXmain[i]){ if(i==0){ myLeft[i]=myLayer[i].pixelLeft; myTop[i]=myLayer[i].pixelTop;} else{ myLeft[i]=myLeft[i-2]; myTop[i]=myTop[i-2]+myHeight[i-2];} myHeight[i]=myLayer[i].pixelHeight; myWidth[i]=myLayer[i].pixelWidth; myLayer[i].left=myLeft[i]; myLayer[i].top=myTop[i]; myLayer[i].visibility=VISIBLE;} if(IE&&!MFXmain[i]){ myTop[i]=myTop[i-1]+myHeight[i-1]; myLeft[i]=myLeft[i-1]; myHeight[i]=myLayer[i].pixelHeight; myWidth[i]=myLayer[i].pixelWidth; myLayer[i].pixelLeft=myLeft[i]+subLeft; myLayer[i].pixelTop=myTop[i]; mySlide[i]=myTop[i]+myHeight[i]; } } } function MFXrunMenu(myName,newspeed){ ieStep=0; thereS=false; thereC=false; if(newspeed>0){mySpeed=newspeed;} first=myName; if(whichOpen==-1&&!running&&MFXmain[myName]&&!(whichOpen==myName)){ running=true; if(NN){ myLayer[myName+1].clip.height=0; myLayer[myName+1].visibility=VISIBLE; } if(IE){ myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")"; myLayer[myName+1].visibility=VISIBLE; } MFXopenMenuS(myName); MFXopenMenuC(myName); } if(whichOpen>=0&&!running&&!(whichOpen==myName)){ running=true; second=whichOpen; ieStep1=myHeight[second+1]; thereCS=false; thereCC=false; MFXcloseMenuS(second); MFXcloseMenuC(second); } if(whichOpen>=0&&!running&&whichOpen==myName&&closes){ running=true; second=whichOpen; ieStep1=myHeight[second+1]; thereCS=false; thereCC=false; MFXcloseMenuS(second); MFXcloseMenuC(second); } } function MFXstopCloseS(myName){ running=false; thereCS=true; if(closes&&first==whichOpen){whichOpen=-1;} else{whichOpen=-1; MFXrunMenu(first); } } function MFXstopOpenS(myName){ running=false; thereS=true; if(IE){myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ ("auto") +" "+ ("auto") +")";} whichOpen=myName; } function MFXopenMenuS(myName){ myStep=mySpeed; if(NN&&!thereS&&!(first==lastMain)){ if(myLayer[first+2].top+myStep>mySlide[first+1]){ myStep=mySlide[first+1]-myLayer[first+2].top; } for(i=first+2; i<myLayer.length; i+=2){ myLayer[i].top+=myStep; } if(myLayer[first+2].top==mySlide[first+1]){ MFXstopOpenS(first) } if(running)setTimeout('MFXopenMenuS(first)',10); } if(IE&&!thereS&&!(first==lastMain)){ if(myLayer[first+2].pixelTop+myStep>mySlide[first+1]){ myStep=mySlide[first+1]-myLayer[first+2].pixelTop; } for(i=first+2; i<myLayer.length; i+=2){ myLayer[i].pixelTop+=myStep; } if(myLayer[first+2].pixelTop==mySlide[first+1]){ MFXstopOpenS(first) } if(running)setTimeout('MFXopenMenuS(first)',10); } } function MFXopenMenuC(myName){ myStep=mySpeed; if(NN&&!thereC){ if ((myLayer[first+1].clip.height+myStep)>myHeight[first+1]){ myLayer[first+1].clip.height=myHeight[first+1] } if(myLayer[first+1].clip.height==myHeight[first+1]){ thereC=true; whichOpen=first; MFXstopOpenS(first) }else{ myLayer[first+1].clip.height+=myStep; } if(running)setTimeout('MFXopenMenuC(first)',10); } if(IE&&!thereC){ ieStep+=myStep; myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep) +" "+ ("auto") +")"; if(ieStep>=myHeight[first+1]){ thereC=true; whichOpen=first; MFXstopOpenS(first) } if(running)setTimeout('MFXopenMenuC(first)',10); } } function MFXcloseMenuS(myName){ myStep=mySpeed; if(NN&&!thereCS&&!(second==lastMain)){ if(myLayer[second+2].top-myStep<myTop[second+2]){ myStep=myLayer[second+2].top-myTop[second+2]; } for(i=second+2; i<myLayer.length; i+=2){ myLayer[i].top-=myStep; } if(myLayer[second+2].top==myTop[second+2]){ MFXstopCloseS(second); } if(running)setTimeout('MFXcloseMenuS(second)',10); } if(IE&&!thereCS&&!(second==lastMain)){ if(myLayer[second+2].pixelTop-myStep<myTop[second+2]){ myStep=myLayer[second+2].pixelTop-myTop[second+2]; } for(i=second+2; i<myLayer.length; i+=2){ myLayer[i].pixelTop-=myStep; } if(myLayer[second+2].pixelTop==myTop[second+2]){ MFXstopCloseS(second); } if(running)setTimeout('MFXcloseMenuS(second)',10); } } function MFXcloseMenuC(myName){ myStep=-mySpeed; ieStep1-=mySpeed; if(NN&&!thereCC){ if ((myLayer[second+1].clip.bottom+myStep)<0){ myLayer[second+1].clip.bottom=0; } if(myLayer[second+1].clip.bottom==0){ thereCC=true; if(second==lastMain)MFXstopCloseS(second); }else{ myLayer[second+1].clip.bottom+=myStep; } if(running)setTimeout('MFXcloseMenuC(second)',10); } if(IE&&!thereCC){ if(ieStep1<=0){ myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")"; thereCC=true; if(second==lastMain)MFXstopCloseS(second); }else{ myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep1) +" "+ ("auto") +")"; } if(running)setTimeout('MFXcloseMenuC(second)',10); } } //--> </SCRIPT> <STYLE>.cn { FONT-SIZE: 9pt; COLOR: #ffff00; FONT-FAMILY: 宋体 } A:link { FONT-SIZE: 9pt; COLOR: blue; TEXT-DECORATION: none } A:visited { FONT-SIZE: 9pt; COLOR: blue; TEXT-DECORATION: none } A:hover { FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: ""; TEXT-DECORATION: none } </STYLE> <DIV id=MFX0 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 20px; HEIGHT: 20px; BACKGROUND-COLOR: #cc6666; layer-background-color: #CC6666"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#568ac2 cellPadding=0 width="100%" bgColor=#568ac2 borderColorLight=#ffffff border=1> <TBODY> <TR> <TD width="100%"> <P class=cn align=center><A onclick=MFXrunMenu(0,5) href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT color=#ffff00>数字音效</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> <DIV id=MFX1 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 40px; HEIGHT: 60px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width="100%" borderColorLight=#ff0000 border=1> <TBODY> <TR> <TD class=eng width="100%"> <P class=eng align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P class=eng align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu2</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P class=eng align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu3</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV><BR></DIV> <DIV id=MFX2 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 100px; HEIGHT: 20px; BACKGROUND-COLOR: #cc6666; layer-background-color: #CC6666"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#568ac2 cellPadding=0 width="100%" bgColor=#568ac2 borderColorLight=#ffffff border=1> <TBODY> <TR> <TD width="100%"> <P class=cn align=center><A onclick=MFXrunMenu(2,5) href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT color=#ffff00>图像处理</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> <DIV id=MFX3 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 120px; HEIGHT: 60px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width="100%" borderColorLight=#ff0000 border=1> <TBODY> <TR> <TD class=eng width="100%"> <P class=eng align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P class=eng align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu2</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P class=eng align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu3</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV><BR></DIV> <DIV id=MFX4 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 19px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 178px; HEIGHT: 20px; BACKGROUND-COLOR: #cc6666; layer-background-color: #CC6666"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#568ac2 cellPadding=0 width="100%" bgColor=#568ac2 borderColorLight=#ffffff border=1> <TBODY> <TR> <TD width="100%"> <P class=cn align=center><A onclick=MFXrunMenu(4,5) href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT color=#ffff00>三维视频</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> <DIV id=MFX5 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 19px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 199px; HEIGHT: 64px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width="100%" borderColorLight=#ff0000 border=1> <TBODY> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu</FONT><FONT size=2>2</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu</FONT><FONT size=2>3</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV><BR></DIV> <DIV id=MFX6 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 18px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 251px; HEIGHT: 20px; BACKGROUND-COLOR: #cc6666; layer-background-color: #CC6666"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#568ac2 cellPadding=0 width="100%" bgColor=#568ac2 borderColorLight=#ffffff border=1> <TBODY> <TR> <TD width="100%"> <P class=cn align=center><A onclick=MFXrunMenu(6,5) href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT color=#ffff00>多媒体开发</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> <DIV id=MFX7 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 280px; HEIGHT: 60px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width="100%" borderColorLight=#ff0000 border=1> <TBODY> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> <DIV id=MFX8 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 340px; HEIGHT: 20px; BACKGROUND-COLOR: #cc6666; layer-background-color: #CC6666"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#568ac2 cellPadding=0 width="100%" bgColor=#568ac2 borderColorLight=#ffffff border=1> <TBODY> <TR> <TD width="100%"> <P class=cn align=center><A onclick=MFXrunMenu(8,5) href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT color=#ffff00>网站建设</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> <DIV id=MFX9 style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 360px; HEIGHT: 60px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC"> <DIV align=center> <CENTER> <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width="100%" borderColorLight=#ff0000 border=1> <TBODY> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR> <TR> <TD class=eng width="100%"> <P align=center><A href="http://pcafei.3322.net/script/java/best-menu.htm#"><FONT size=2>menu1</FONT></A></P></TD></TR></TBODY></TABLE></CENTER></DIV></DIV> 第二步：把<body>中的内容改为： <body onload=MFXinitMenu()>
【
文章评论
】 【
收藏本文
】 【
推荐好友
】 【
打印本文
】 【
论坛讨论
】
相关文章:
·
下拉式导航菜单
·
点击展开的下拉菜单
·
简单实用的下拉菜单
·
颜色代码生成器
·
状态栏登陆时间
·
状态栏全日制时间
文章评论:
(条)
请留名：
匿名评论
点击查看所有评论
网管论坛
责任编辑:
一分
声明：刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
设为主页
收藏本站
设为主页 收藏本站 
相关文章: