Español
<html> <head> <meta http-equiv='Tipo de contenido' content='text/html; charset=gb2312'> <title>酷酷菜单代码</title> <SCRIPT LANGUAGE="JavaScript"> <!-- var distancia=0;distancia1=0; function move1() { if(distancia!=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. opacidad+=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; distancia++;setTimeout('move1()',1); }else{move2();}; abovespan1.style.display='none'; abovespan2.style.display='none'; } función move2() { censpan.style.display='none'; if(distancia1!=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; distancia1++; 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;arriba:100;índice z:1;ancho:50;alto:15;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor :mano; 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;arriba:115;índice z:1;ancho:50;alto:15;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor :mano; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二的主题";midspan1.innerText="DOS" 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;arriba:130;índice z:1;ancho:50;alto:15;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor :mano; 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;arriba:145;índice z:1;ancho:50;alto:15;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor :mano; onmouseover=this.style.background='306898';add4.style.display='block';midspan2.innerText="菜单四的主题";midspan1.innerText="CUATRO" 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;arriba:160;índice z:1;ancho:50;alto:15;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor :mano; onmouseover=this.style.background='306898';add5.style.display='block';midspan2.innerText="菜单五的主题";midspan1.innerText="CINCO" 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;arriba:175;índice z:1;ancho:50;alto:15;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor :mano; onmouseover=this.style.background='306898';add6.style.display='block';midspan2.innerText="菜单六的主题";midspan1.innerText="SEIS" 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;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=rightspan estilo=filtro:alfa(opacidad=0);posición:absoluta;izquierda:299;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde: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 ;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=abovespan2 style=z -index:6;filtro:alfa(opacidad=0);posición:absoluta;izquierda:299;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde: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;ancho:20;alto:71;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=spanB style= índice z:-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:309;arriba:110;ancho:20;alto:71;fondo:naranja;estilo de borde:sólido;ancho de borde: 1;text-align:center;font-size:9pt;></span> <span id=spanC style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:251; arriba:120;ancho:20;alto:51;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=spanD estilo=índice z:-2;filtro:alfa(opacidad=0);posición:absoluta;izquierda:279;arriba:120;ancho:20;alto:51;fondo:naranja;estilo de borde:sólido;borde- ancho:1;text-align:center;font-size:9pt;></span> <span id=rowspan1 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left: 231;arriba:100;ancho:10;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <id de intervalo =rowspan2 estilo=índice z:-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:211;arriba:100;ancho:10;alto:91;fondo:naranja;estilo de borde:sólido; ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=rowspan3 estilo=z-index:-1;filtro:alfa(opacidad=0);posición:absoluta; izquierda:231;arriba:100;ancho:10;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> < span id=rowspan4 style=z-index:-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:211;arriba:100;ancho:10;alto:91;fondo:naranja;estilo de borde: sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=rowspan5 estilo=z-index:-1;filtro:alfa(opacidad=0);posición: absoluto;izquierda:310;arriba:100;ancho:10;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span > <span id=rowspan6 style=z-index:-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:331;arriba:100;ancho:10;alto:91;fondo:naranja;borde- estilo:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=rowspan7 estilo=z-index:-1;filtro:alfa(opacidad=0); posición:absoluta;izquierda:310;arriba:100;ancho:10;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;>< /span> <span id=rowspan8 style=z-index:-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:331;arriba:100;ancho:10;alto:91;fondo:naranja; estilo de borde: sólido; ancho de borde: 1; alineación de texto: centro; tamaño de fuente: 9pt; ></span> <span id=midspan1 estilo = filtro: alfa (opacidad = 0); posición: absoluta; izquierda :252;arriba:142;ancho:46;alto:30;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=midspan2 estilo=filtro:alfa(opacidad=0);posición:absoluta;izquierda:252;arriba:119;ancho:46;alto:30;fondo:naranja;estilo de borde:sólido;ancho de borde: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;ancho:60;alto:10;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=colspan2 style= índice z=-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:238;arriba:199;ancho:60;alto:10;fondo:naranja;estilo de borde:sólido;ancho de borde: 1;text-align:center;font-size:9pt;></span> <span id=colspan3 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252; arriba:77;ancho:60;alto:10;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;></span> <span id=colspan4 estilo=índice z=-1;filtro:alfa(opacidad=0);posición:absoluta;izquierda:238;arriba:77;ancho:60;alto:10;fondo:naranja;estilo de borde:sólido;borde- ancho:1;text-align:center;font-size:9pt;></span> <span id=add1 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width :60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;pantalla:ninguno;><br><br>菜单1内容< /span> <span id=add3 estilo=filtro:alfa(opacidad=30);posición:absoluta;izquierda:299;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;borde -width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单3内容</span> <span id=add5 style=filter:alpha(opacity=30) ;posición:absoluta;izquierda:299;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;pantalla :none;><br><br>菜单5内容</span> <span id=add2 style=filter:alpha(opacity=30);position:absolute;left:191;top:100;width:60;height :91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;pantalla:ninguna;><br><br>菜单2内容</span> < span id=add4 estilo=filtro:alfa(opacidad=30);posición:absoluta;izquierda:191;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1 ;text-align:center;font-size:9pt;display:none;><br><br>菜单4内容</span> <span id=add6 style=filter:alpha(opacity=30);position:absolute ;izquierda:191;arriba:100;ancho:60;alto:91;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;pantalla:ninguna;> <br><br>菜单6内容</span> <span id=censpan style=filter:alpha(opacity=30);z-index:5;position:absolute;left:252;top:138;width:46 ;alto:10;fondo:rojo;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor:mano; onclick=move1();>start</span> <span id=upspan1 style=filter:alpha(opacity=0);z-index:-1;position:absolute;left:262;top:78;width:26 ;alto:70;fondo:naranja;estilo de borde:sólido;ancho de borde:1;alineación de texto:centro;tamaño de fuente:9pt;cursor:mano;></span> <span id=upspan2 estilo=filtro :alfa(opacidad=0);índice z:-1;posición:absoluta;izquierda:262;arriba:138;ancho:26;alto:70;fondo:naranja;estilo de borde:sólido;ancho de borde:1 ;text-align:center;font-size:9pt;cursor:hand;></span> </body> </html>
