Français
<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. opacité+=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='aucun';abovespan2.style.display='aucun'; } 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; distance1++ ; 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;haut:100;z-index:1;largeur:50;hauteur:15;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;curseur :main; 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;haut:115;z-index:1;largeur:50;hauteur:15;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;curseur :main; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二的主题";midspan1.innerText="DEUX" 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;haut:130;z-index:1;largeur:50;hauteur:15;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;curseur :main; onmouseover=this.style.background='306898';add3.style.display='block';midspan2.innerText="菜单三的主题";midspan1.innerText="TROIS" 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;haut:145;z-index:1;largeur:50;hauteur:15;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;curseur :main; onmouseover=this.style.background='306898';add4.style.display='block';midspan2.innerText="菜单四的主题";midspan1.innerText="QUATRE" 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;haut:160;z-index:1;largeur:50;hauteur:15;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;curseur :main; onmouseover=this.style.background='306898';add5.style.display='block';midspan2.innerText="菜单五的主题";midspan1.innerText="CINQ" 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;haut:175;z-index:1;largeur:50;hauteur:15;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;curseur :main; 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;haut:100;largeur:60;hauteur:91;arrière-plan:orange;style de bordure:solid;largeur de bordure:1;alignement du texte:centre;taille de police: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 ;largeur:60;hauteur:91;arrière-plan:orange;style-bordure:solid;largeur-bordure:1;alignement du texte:centre;taille de la police:9pt;></span> <span id=abovespan2 style=z -index:6;filtre:alpha(opacité=0);position:absolue;gauche:299;haut:100;largeur:60;hauteur:91;arrière-plan:orange;style de bordure:solide;largeur de bordure: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;largeur:20;hauteur:71;arrière-plan:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span> <span id=spanB style= z-index:-1;filtre:alpha(opacité=0);position:absolue;gauche:309;haut:110;largeur:20;hauteur:71;arrière-plan:orange;style de bordure:solide;largeur de bordure : 1;text-align:center;font-size:9pt;></span> <span id=spanC style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:251; haut : 120 ; largeur : 20 ; hauteur : 51 ; arrière-plan : orange ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de police : 9 pt ;></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;largeur:10;hauteur:91;arrière-plan:orange;border-style:solid;border-width:1;text-align:center;font-size: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; border-width:1;text-align:center;font-size:9pt;></span> <span id=rowspan3 style=z-index:-1;filter:alpha(opacity=0);position:absolute; gauche:231;haut:100;largeur:10;hauteur:91;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police: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 : solid;border-width:1;text-align:center;font-size:9pt;></span> <span id=rowspan5 style=z-index:-1;filter:alpha(opacity=0);position : absolu;gauche:310;haut:100;largeur:10;hauteur:91;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police: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); position : absolue ; gauche : 310 ; haut : 100 ; largeur : 10 ; hauteur : 91 ; arrière-plan : orange ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de police : 9 pts ;>< /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;haut:142;largeur:46;hauteur:30;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police: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;largeur:60;hauteur:10;arrière-plan:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span> <span id=colspan2 style= z-index=-1;filtre:alpha(opacité=0);position:absolue;gauche:238;haut:199;largeur:60;hauteur:10;arrière-plan:orange;style de bordure:solide;largeur de bordure : 1;text-align:center;font-size:9pt;></span> <span id=colspan3 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252; haut : 77 ; largeur : 60 ; hauteur : 10 ; arrière-plan : orange ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de police : 9 pt ;></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;hauteur:91;arrière-plan:orange;style de bordure:solide;largeur de bordure:1;alignement du texte:centre;taille de police:9pt;affichage:aucun;><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) ;position : absolu ; gauche : 299 ; haut : 100 ; largeur : 60 ; hauteur : 91 ; arrière-plan : orange ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de police : 9 pts ; affichage :aucun;><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> < 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 ; gauche : 191 ; haut : 100 ; largeur : 60 ; hauteur : 91 ; arrière-plan : orange ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de police : 9 pts ; affichage : aucun ;> <br><br>菜单6内容</span> <span id=censpan style=filter:alpha(opacity=30);z-index:5;position:absolute;left:252;top:138;width:46 ;hauteur : 10 ; arrière-plan : rouge ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de police : 9 pts ; curseur : main ; onclick=move1();>start</span> <span id=upspan1 style=filter:alpha(opacity=0);z-index:-1;position:absolute;left:262;top:78;width:26 ;hauteur : 70 ;arrière-plan : orange ; style de bordure : solide ; largeur de bordure : 1 ; alignement du texte : centre ; taille de la police : 9 pts ; curseur : main ;></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>
