Português
<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. opacidade+=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; distância++;setTimeout('move1()',1); }else{move2();}; Abovespan1.style.display='nenhum';acimaspan2.style.display='nenhum'; } function move2() { censpan.style.display='none'; if(distância1!=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; distância1++; 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;topo:100;índice z:1;largura:50;altura:15;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor :mão; 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;topo:115;índice z:1;largura:50;altura:15;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor :mão; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二的主题";midspan1.innerText="TWO" onmouseout=this.style.background='laranja ';add2.style.display='none';midspan2.innerText="";>菜单二</span><br> <span id=span3 style=filter:alpha(opacity=0);position:absolute;left :200;topo:130;índice z:1;largura:50;altura:15;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor :mão; onmouseover = this.style.background = '306898'; add3.style.display = 'block'; ';add3.style.display='none';midspan2.innerText="";>菜单三</span><br> <span id=span4 style=filter:alpha(opacity=0);position:absolute;left :300;topo:145;índice z:1;largura:50;altura:15;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor :mão; onmouseover = this.style.background = '306898'; add4.style.display = 'block'; ';add4.style.display='none';midspan2.innerText="";>菜单四</span><br> <span id=span5 style=filter:alpha(opacity=0);position:absolute;left :200;topo:160;índice z:1;largura:50;altura:15;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor :mão; onmouseover = this.style.background = '306898'; add5.style.display = 'block'; ';add5.style.display='none';midspan2.innerText="";>菜单五</span><br> <span id=span6 style=filter:alpha(opacity=0);position:absolute;left :300;topo:175;índice z:1;largura:50;altura:15;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor :mão; onmouseover = this.style.background = '306898'; ';add6.style.display='none';midspan2.innerText="";>菜单六</span><br> <span id=leftspan style=filter:alpha(opacity=0);position:absolute;left :191;topo:100;largura:60;altura:91;fundo:laranja;estilo da borda:sólido;largura da borda:1;alinhamento do texto:centro;tamanho da fonte:9pt;></span> <span id=rightspan estilo=filtro:alfa(opacidade=0);posição:absoluta;esquerda:299;topo:100;largura:60;altura:91;plano de fundo:laranja;estilo de borda:sólido;largura da borda: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 ;largura:60;altura:91;plano de fundo:laranja;estilo de borda:sólido;largura de borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;></span> <span id=abovespan2 style=z -índice:6;filtro:alfa(opacidade=0);posição:absoluta;esquerda:299;topo:100;largura:60;altura:91;fundo:laranja;estilo de borda:sólido;largura da borda: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;largura:20;altura:71;plano de fundo:laranja;estilo de borda:sólido;largura de borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;></span> <span id=spanB style= índice z:-1;filtro:alfa(opacidade=0);posição:absoluta;esquerda:309;topo:110;largura:20;altura:71;fundo:laranja;estilo de borda:sólido;largura da borda: 1;text-align:center;font-size:9pt;></span> <span id=spanC style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:251; topo:120;largura:20;altura:51;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;></span> <span id=spanD estilo = índice z: -2; filtro: alfa (opacidade = 0); posição: absoluta; esquerda: 279; topo: 120; largura: 20; altura: 51; plano de fundo: laranja; estilo de borda: sólido; borda- width:1;text-align:center;font-size:9pt;></span> <span id=rowspan1 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left: 231;topo:100;largura:10;altura:91;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte: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; esquerda:231;topo:100;largura:10;altura:91;fundo:laranja;estilo da borda:sólido;largura da borda:1;alinhamento do texto:centro;tamanho da fonte: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);posição: absoluto;esquerda:310;topo:100;largura:10;altura:91;fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte: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); posição:absoluta;esquerda:310;topo:100;largura:10;altura:91;fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;>< /span> <span id=rowspan8 estilo=z-index:-1;filtro:alfa(opacidade=0);posição:absoluta;esquerda:331;topo:100;largura:10;altura:91;fundo:laranja; 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;topo:142;largura:46;altura:30;fundo:laranja;estilo da borda:sólido;largura da borda:1;alinhamento do texto:centro;tamanho da fonte:9pt;></span> <span id=midspan2 estilo=filtro:alfa(opacidade=0);posição:absoluta;esquerda:252;topo:119;largura:46;altura:30;fundo:laranja;estilo de borda:sólido;largura da borda: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;largura:60;altura:10;plano de fundo:laranja;estilo de borda:sólido;largura de borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;></span> <span id=colspan2 style= índice z = -1; filtro: alfa (opacidade = 0); posição: absoluta; esquerda: 238; topo: 199; largura: 60; altura: 10; plano de fundo: laranja; estilo de borda: sólido; largura da borda: 1;text-align:center;font-size:9pt;></span> <span id=colspan3 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252; topo:77;largura:60;altura:10;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;></span> <span id=colspan4 estilo = índice z = -1; filtro: alfa (opacidade = 0); posição: absoluta; esquerda: 238; topo: 77; largura: 60; altura: 10; plano de fundo: laranja; estilo de borda: sólido; borda- 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;altura:91;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;display:none;><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) ;posição:absoluta;esquerda:299;topo:100;largura:60;altura:91;fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;exibição :none;><br><br>菜单5内容</span> <span id=add2 style=filter:alpha(opacity=30);posição:absoluta;esquerda:191;topo:100;largura:60;altura :91;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;display:none;><br><br>菜单2内容</span> < span id = add4 estilo = filtro: alfa (opacidade = 30); posição: absoluta; esquerda: 191; topo: 100; largura: 60; altura: 91; plano de fundo: laranja; estilo de borda: sólido; largura da borda: 1 ;text-align:center;font-size:9pt;display:none;><br><br>菜单4内容</span> <span id=add6 style=filter:alpha(opacity=30);position:absolute ;esquerda:191;topo:100;largura:60;altura:91;fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;exibição:nenhum;> <br><br>菜单6内容</span> <span id=censpan style=filter:alpha(opacity=30);z-index:5;position:absolute;left:252;top:138;width:46 ;altura:10;fundo:vermelho;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor:mão; onclick=move1();>start</span> <span id=upspan1 style=filter:alpha(opacity=0);z-index:-1;position:absolute;left:262;top:78;width:26 ;altura:70;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1;alinhamento de texto:centro;tamanho da fonte:9pt;cursor:mão;></span> <span id=upspan2 style=filter :alfa(opacidade=0);índice z:-1;posição:absoluta;esquerda:262;topo:138;largura:26;altura:70;plano de fundo:laranja;estilo de borda:sólido;largura da borda:1 ;text-align:center;font-size:9pt;cursor:hand;></span> </body> </html>
