日本語
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <title>酷酷菜单代</title> <SCRIPT LANGUAGE="JavaScript"> <!-- var distance=0; distance1=0; function move1() { if( distance!=50) {span1.style.pixelLeft+=1;span3.style.pixelLeft+=1;span5.style.pixelLeft+=1;span2.style.pixelLeft-=1;span4.style.ピクセル左-=1;span6.style.pixelLeft-=1;span1.filters.alpha.opacity+=2;span2.filters.alpha.opacity+=2;span3.filters.alpha.opacity+=2;span4.filters.alpha。不透明度+=2;スパン5.フィルターα不透明度+=2;スパン6.フィルターアルファ不透明度+=2; Midspan1.filters.alpha.opacity+=2;midspan2.filters.alpha.opacity+=2;midspan1.style.pixelTop+=1;midspan2.style.pixelTop-=1;左スパンフィルターα不透明度+=2;右スパンフィルターアルファ不透明度+=2; censpan.filters.alpha.opacity-=1; distance++;setTimeout('move1()',1); }else{move2();};上記のspan1.style.display='none';abovespan2.style.display='none';関数 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.filtersalpha.opacity+=1;rowspan5.filtersalpha.opacity+=1; rowspan6.filtersalpha.opacity+=1;rowspan7.filtersalpha.opacity+=1;rowspan8.filtersalpha.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++; scanC.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 インデックス:1;幅:50;高さ:15;背景:オレンジ;境界線のスタイル:実線;境界線の幅:1;テキストの配置:中央;フォント サイズ:9pt;カーソル：手; onmouseover=this.style.background='306898';add1.style.display='block';midspan2.innerText="菜单一の主题";midspan1.innerText="ONE" 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 インデックス:1;幅:50;高さ:15;背景:オレンジ;境界線のスタイル:実線;境界線の幅:1;テキストの配置:中央;フォント サイズ:9pt;カーソル：手; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二の主题";midspan1.innerText="TWO" 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 インデックス:1;幅:50;高さ:15;背景:オレンジ;境界線のスタイル:実線;境界線の幅:1;テキストの配置:中央;フォント サイズ:9pt;カーソル：手; onmouseover=this.style.background='306898';add3.style.display='block';midspan2.innerText="菜单三の主题";midspan1.innerText="THREE" 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 インデックス:1;幅:50;高さ:15;背景:オレンジ;境界線のスタイル:実線;境界線の幅:1;テキストの配置:中央;フォント サイズ:9pt;カーソル：手; onmouseover=this.style.background='306898';add4.style.display='block';midspan2.innerText="菜单四の主题";midspan1.innerText="FOUR" 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 インデックス:1;幅:50;高さ:15;背景:オレンジ;境界線のスタイル:実線;境界線の幅:1;テキストの配置:中央;フォント サイズ:9pt;カーソル：手; onmouseover=this.style.background='306898';add5.style.display='block';midspan2.innerText="菜单五的主题";midspan1.innerText="FIVE" 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 インデックス:1;幅:50;高さ:15;背景:オレンジ;境界線のスタイル:実線;境界線の幅:1;テキストの配置:中央;フォント サイズ:9pt;カーソル：手; onmouseover=this.style.background='306898';add6.style.display='block';midspan2.innerText="菜单六の主题";midspan1.innerText="SIX" 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; text-align:center;font-size: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;フィルター:アルファ(不透明度 = 0);位置:絶対;左:299;上:100;幅:60;高さ:91;背景:オレンジ;ボーダースタイル:ソリッド;ボーダー幅:1; text-align:center;font-size: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;filter:alpha(opacity=0);position:absolute;left:309;top:110;width:20;height:71;background:orange;border-style:solid;border-width: 1;text-align:center;font-size: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 style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:279;top:120;width:20;height:51;background:orange;border-style:solid;border- width:1;text-align:center;font-size:9pt;></span><span id=rowspan1 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left: 231;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></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; border-width:1;text-align:center;font-size:9pt;></span><span id=rowspan3 style=z-index:-1;filter:alpha(opacity=0);position:absolute;左:231;上:100;幅:10;高さ:91;背景:オレンジ;ボーダースタイル:ソリッド;ボーダー幅:1;テキスト配置:センター;フォントサイズ:9pt;></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: Solid;border-width:1;text-align:center;font-size:9pt;></span><span id=rowspan5 style=z-index:-1;filter:alpha(opacity=0);position:絶対;左: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- style:solid;border-width:1;text-align:center;font-size: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; border-style:solid;border-width:1;text-align:center;font-size:9pt;></span> <span id=midspan1 style=filter:alpha(opacity=0);position:absolute;left :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; text-align:center;font-size:9pt;></span> <span id=colspan1 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252;top: 199;幅:60;高さ:10;背景:オレンジ;ボーダースタイル:ソリッド;ボーダー幅:1;テキスト整列:センター;フォントサイズ:9pt;></span> <span id=colspan2 style= z-index=-1;filter:alpha(opacity=0);position:absolute;left:238;top:199;width:60;height:10;background:orange;border-style:solid;border-width: 1;text-align:center;font-size:9pt;></span><span id=colspan3 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252;トップ:77;幅:60;高さ:10;背景:オレンジ;ボーダースタイル:ソリッド;ボーダー幅:1;テキスト配置:センター;フォントサイズ:9pt;></span> <span id=colspan4 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:238;top:77;width:60;height:10;background:orange;border-style:solid;border- width:1;text-align:center;font-size:9pt;></span><span id=add1 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width :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 -width:1;text-align:center;font-size:9pt;display:none;><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;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单2 内容</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();>start</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(opacity=0);z-index:-1;position:absolute;left:262;top:138;width:26;height:70;background:orange;border-style:solid;border-width:1 ;text-align:center;font-size:9pt;cursor:hand;></span> </body> </html>
