한국어
<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. 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); }else{move2();}; Abovespan1.style.display='none';abovespan2.style.display='none'; } 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-색인:1;너비:50;높이:15;배경:주황색;테두리 스타일:단색;테두리 너비:1;텍스트-정렬:중심;글꼴 크기:9pt;커서 :손; onmouseover=this.style.Background='306898';add1.style.display='block';midspan2.innerText="주황색";midspan1.innerText="ONE" onmouseout=this.style.Background='주황색 ';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='주황색 ';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='주황색 ';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="4개의 주황";midspan1.innerText="FOUR" onmouseout=this.style.Background='주황색 ';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='주황색 ';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='주황색 ';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 스타일=필터:알파(불투명도=0);위치:절대;왼쪽:299;위쪽:100;너비:60;높이:91;배경:주황색;테두리 스타일:단색;테두리 너비: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 스타일=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 스타일= z-색인:-1;필터:알파(불투명도=0);위치:절대;왼쪽:309;위쪽:110;너비:20;높이:71;배경:주황색;테두리 스타일:단색;테두리 너비: 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 스타일=z-색인:-2;필터:알파(불투명도=0);위치:절대;왼쪽:279;위쪽:120;너비:20;높이:51;배경:주황색;테두리-스타일:단색;테두리- 너비:1;text-align:center;font-size: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 스타일=z-색인:-1;필터:알파(불투명도=0);위치:절대;왼쪽:211;위쪽:100;너비:10;높이:91;배경:주황색;테두리 스타일:단색; 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 스타일=z-색인:-1;필터:알파(불투명도=0);위치:절대;왼쪽:211;위쪽:100;너비:10;높이:91;배경:주황색;테두리 스타일: 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 스타일=z-색인:-1;필터:알파(불투명도=0);위치:절대;왼쪽:331;위쪽:100;너비:10;높이:91;배경:주황색;테두리- 스타일: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 스타일=필터:알파(불투명도=0);위치:절대;왼쪽:252;위쪽:119;너비:46;높이:30;배경:주황색;테두리 스타일:단색;테두리 너비: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;필터:알파(불투명도=0);위치:절대;왼쪽:238;상단:199;너비:60;높이:10;배경:주황색;테두리 스타일:단색;테두리 너비: 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 스타일=z-색인=-1;필터:알파(불투명도=0);위치:절대;왼쪽:238;위쪽:77;너비:60;높이:10;배경:주황색;테두리-스타일:단색;테두리- 너비: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 스타일=필터:알파(불투명도=30);위치:절대;왼쪽:299;위쪽:100;너비:60;높이:91;배경:주황색;테두리 스타일:단색;테두리 -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;배경:주황색;국경 스타일:solid;국경 너비:1;text-align:center;글꼴 크기:9pt;디스플레이:없음;><br><br>菜单2内容</span> < 범위 ID=추가4 스타일=필터:알파(불투명도=30);위치:절대;왼쪽:191;위쪽:100;너비:60;높이:91;배경:주황색;테두리 스타일:단색;테두리 너비:1 ;text-align:center;font-size:9pt;display:none;><br><br>菜单4内容</span> <span id=add6 style=filter:alpha(opacity=30);위치:절대 ;왼쪽: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 스타일=필터 :alpha(불투명도=0);z-색인:-1;위치:절대;왼쪽:262;위쪽:138;너비:26;높이:70;배경:주황색;테두리 스타일:단색;테두리 너비:1 ;text-align:center;font-size:9pt;cursor:hand;></span> </body> </html>
