中文(简体)
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <title>酷酷菜单代码</title> <SCRIPT LANGUAGE="JavaScript"> <!-- var distance=0;distance1=0;函数 move1() { if(距离!=50) {span1.style.pixelLeft+=1;span3.style.pixelLeft+=1;span5.style.pixelLeft+=1;span2.style.pixelLeft-=1;span4.style. PixelLeft-=1;span6.style.pixelLeft-=1;span1.filters.alpha.opacity+=2;span2.filters.alpha.opacity+=2;span3.filters.alpha.opacity+=2;span4.filters.alpha。不透明度+=2;span5.filters.alpha.opacity+=2;span6.filters.alpha.opacity+=2; midspan1.filters.alpha.opacity+=2;midspan2.filters.alpha.opacity+=2;midspan1.style.pixelTop+=1;midspan2.style.pixelTop-=1; leftspan.filters.alpha.opacity+=2;rightspan.filters.alpha.opacity+=2; censpan.filters.alpha.opacity-=1; distance++;setTimeout('move1()',1); }其他{移动2();}; abovespan1.style.display='无';abovespan2.style.display='无'; } function move2() { censpan.style.display='none'; if(distance1!=44) {colspan1.style.pixelLeft+=1;colspan2.style.pixelLeft-=1;colspan3.style.pixelLeft+=1;colspan4.style.pixelLeft-=1; rowspan1.style.pixelTop+=1;rowspan2.style.pixelTop+=1;rowspan3.style.pixelTop-=1;rowspan4.style.pixelTop-=1;rowspan5.style.pixelTop+=1;rowspan6.style.pixelTop+=1; rowspan7.style.pixelTop-=1;rowspan8.style.pixelTop-=1; rowspan1.filters.alpha.opacity+=1;rowspan2.filters.alpha.opacity+=1;rowspan3.filters.alpha.opacity+=1;rowspan4.filters.alpha.opacity+=1;rowspan5.filters.alpha.opacity+=1; rowspan6.filters.alpha.opacity+=1;rowspan7.filters.alpha.opacity+=1;rowspan8.filters.alpha.opacity+=1; colspan1.filters.alpha.opacity+=2;colspan2.filters.alpha.opacity+=2;colspan3.filters.alpha.opacity+=2;colspan4.filters.alpha.opacity+=2; upspan1.style.pixelTop-=1;upspan2.style.pixelTop+=1;upspan1.filters.alpha.opacity+=2;upspan2.filters.alpha.opacity+=2; spanA.style.pixelLeft-=1;spanB.style.pixelLeft+=1;spanA.filters.alpha.opacity+=2;spanB.filters.alpha.opacity+=2;距离1++; spanC.style.pixelLeft-=2;spanD.style.pixelLeft+=2;spanC.filters.alpha.opacity+=1;spanD.filters.alpha.opacity+=1; setTimeout('move2()',1);} } //--> </SCRIPT> </head> <body> <span id=span1 style=filter:alpha(opacity=0);position:absolute;left :200;顶部:100;z-index:1;宽度:50;高度:15;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onmouseover=this.style.background='306898';add1.style.display='block';midspan2.innerText="菜单一的主题";midspan1.innerText="一个" onmouseout=this.style.background='orange ';add1.style.display='none';midspan2.innerText="";>菜单一</span><br> <span id=span2 style=filter:alpha(opacity=0);position:absolute;left :300;顶部:115;z-index:1;宽度:50;高度:15;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二的主题";midspan1.innerText="两个" onmouseout=this.style.background='orange ';add2.style.display='none';midspan2.innerText="";>菜单二</span><br> <span id=span3 style=filter:alpha(opacity=0);position:absolute;left :200;顶部:130;z-index:1;宽度:50;高度:15;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onmouseover=this.style.background='306898';add3.style.display='block';midspan2.innerText="菜单三的主题";midspan1.innerText="三" onmouseout=this.style.background='orange ';add3.style.display='none';midspan2.innerText="";>菜单三</span><br> <span id=span4 style=filter:alpha(opacity=0);position:absolute;left :300;顶部:145;z-index:1;宽度:50;高度:15;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onmouseover=this.style.background='306898';add4.style.display='block';midspan2.innerText="菜单四的主题";midspan1.innerText="四" onmouseout=this.style.background='orange ';add4.style.display='none';midspan2.innerText="";>菜单四</span><br> <span id=span5 style=filter:alpha(opacity=0);position:absolute;left :200;顶部:160;z-index:1;宽度:50;高度:15;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onmouseover=this.style.background='306898';add5.style.display='block';midspan2.innerText="菜单五的主题";midspan1.innerText="五" onmouseout=this.style.background='orange ';add5.style.display='none';midspan2.innerText="";>菜单五</span><br> <span id=span6 style=filter:alpha(opacity=0);position:absolute;left :300;顶部:175;z-index:1;宽度:50;高度:15;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onmouseover=this.style.background='306898';add6.style.display='block';midspan2.innerText="菜单六的主题";midspan1.innerText="六" onmouseout=this.style.background='orange ';add6.style.display='none';midspan2.innerText="";>菜单六</span><br> <span id=leftspan style=filter:alpha(opacity=0);position:absolute;left :191;顶部:100;宽度:60;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=rightspan style=filter:alpha(opacity=0);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;文本对齐:中心;字体大小:9pt;></span> <span id=abovespan1 style=z-index:6;filter:alpha(opacity=0);position:absolute;left:191;top:100 ;宽度:60;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=abovespan2 style=z -索引:6;过滤器:alpha(不透明度= 0);位置:绝对;左:299;顶部:100;宽度:60;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=spanA style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:221;top: 110;宽度:20;高度:71;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=spanB style= z-index:-1;过滤器:alpha(不透明度= 0);位置:绝对;左:309;顶部:110;宽度:20;高度:71;背景:橙色;边框样式:实心;边框宽度: 1;文本对齐:中心;字体大小:9pt;></span> <span id=spanC style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:251;顶部:120;宽度:20;高度:51;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=spanD样式=z-索引:-2;过滤器:alpha(不透明度=0);位置:绝对;左:279;顶部:120;宽度:20;高度:51;背景:橙色;边框样式:实心;边框-宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=rowspan1 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left: 231;顶部:100;宽度:10;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id =rowspan2 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:211;top:100;width:10;height:91;background:orange;border-style:solid;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=rowspan3 style=z-index:-1;filter:alpha(opacity=0);position:absolute;左:231;顶部:100;宽度:10;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> < span id=rowspan4 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:211;top:100;width:10;height:91;background:orange;border-style:固体;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=rowspan5 style=z-index:-1;filter:alpha(opacity=0);位置:绝对;左:310;顶部:100;宽度:10;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span > <span id=rowspan6 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:331;top:100;width:10;height:91;background:orange;border-样式:实体;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=rowspan7 style=z-index:-1;filter:alpha(opacity=0);位置:绝对;左:310;顶部:100;宽度:10;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;>< /span> <span id=rowspan8 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:331;top:100;width:10;height:91;background:orange;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=midspan1 style=filter:alpha(opacity=0);位置:绝对;左:252;顶部:142;宽度:46;高度:30;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=midspan2 style=filter:alpha(opacity=0);position:absolute;left:252;top:119;width:46;height:30;background:orange;border-style:solid;border-width:1;文本对齐:中心;字体大小:9pt;></span> <span id=colspan1 style=z-index=-1;过滤器:alpha(opacity=0);位置:绝对;左:252;顶部: 199;宽度:60;高度:10;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=colspan2 style= z-index=-1;过滤器:alpha(不透明度=0);位置:绝对;左:238;顶部:199;宽度:60;高度:10;背景:橙色;边框样式:实心;边框宽度: 1;文本对齐:中心;字体大小:9pt;></span> <span id=colspan3 style=z-index=-1;过滤器:alpha(opacity=0);位置:绝对;左:252;顶部:77;宽度:60;高度:10;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=colspan4样式=z-index=-1;过滤器:alpha(不透明度=0);位置:绝对;左:238;顶部:77;宽度:60;高度:10;背景:橙色;边框样式:实心;边框-宽度:1;文本对齐:中心;字体大小:9pt;></span> <span id=add1 style=filter:alpha(opacity=30);位置:绝对;左:299;顶部:100;宽度:60;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:居中;字体大小:9pt;显示:无;><br><br>菜单1内容< /span> <span id=add3 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border -宽度:1;文本对齐:中心;字体大小:9pt;显示:无;><br><br>菜单3内容</span> <span id=add5 style=filter:alpha(opacity=30) ;位置:绝对;左:299;顶部:100;宽度:60;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;显示:none;><br><br>菜单5内容</span> <span id=add2 style=filter:alpha(opacity=30);position:absolute;left:191;top:100;width:60;height :91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:居中;字体大小:9pt;显示:无;><br><br>菜单2内容</span> < span id=add4 style=filter:alpha(opacity=30);position:absolute;left:191;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1 ;text-align:center;font-size:9pt;display:none;><br><br>菜单4内容</span> <span id=add6 style=filter:alpha(opacity=30);position:absolute ;左:191;上:100;宽度:60;高度:91;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;显示:无;> <br><br>菜单6内容</span> <span id=censpan style=filter:alpha(opacity=30);z-index:5;position:absolute;left:252;top:138;width:46 ;高度:10;背景:红色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手; onclick=move1();>开始</span> <span id=upspan1 style=filter:alpha(opacity=0);z-index:-1;position:absolute;left:262;top:78;width:26 ;高度:70;背景:橙色;边框样式:实心;边框宽度:1;文本对齐:中心;字体大小:9pt;光标:手;></span> <span id=upspan2 style=filter :alpha(不透明度=0);z-index:-1;位置:绝对;左:262;顶部:138;宽度:26;高度:70;背景:橙色;边框样式:solid;边框宽度:1 ;文本对齐:居中;字体大小:9pt;光标:手;></span> </body> </html>