中文(繁体)
<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;rowspixelTop-=1;rowspan5.style.pixelTop+=1;rowsspan6.pixel. 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. 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>
