6 July 2008

Ensanchar y Desplomar Menús en CSS

Publicado por: abbot in Tutorials

Que Utiliza CSS u hojas de estilo usted puede combinar las escrituras y codificar con Javascript para crear sitios web que giran, ensanchar, y el desplome. Hay varios estilos que podemos utilizar para mostrar cómo usted puede crear ensanchar y menús que desploman. Protocolo de transferencia de hipertexto es siempre su modelo de acontecimiento.
Para ayudarlo ha crear un sitio web que gira cuatro objetos en un movimiento circular, y para ensanchar y desplomar los menús que utilizaremos los ejemplos abajo: Comenzar con el módulo del protocolo de transferencia de hipertexto:
<Html>
<Head>
<script language = “JavaScript”>
Var r = 160;
Var xoff = 160;
Var yoff = 170;
Var pi = Math PI;
Var inc = pi / 46;
Var objects;
Var pos;
Function initObjects( ) {
Objects = new Array ( );
Object[0] = document.all.fly1.style;
Objects[1] = document.all.fly2.style;
Objects[2] = document.all.fly3.style;
Objects[3] = document.all.fly4.style;
Pos = new Array( );
Pos[0] = 0;
For (i=1; i Pos(i)= parseFloat(pos(i-1} + (2* pi) / objects.length));
}
rotateOjects( );
}
Function rotateObjects( ) {
For (i=0; i Pos(i) +=inc; objects[i].visibility = “visible”;
Objects{i}.left = (r*Math.sin(pos{i} + xoff
Objects[i].top = (r* Math.sin(pos[i])) + yoff;
}
setTimeOut (“rotateObjects( )”, 75);
}
</script>
<body onLoad = “initObjects( )”>
<div id = “fly1” STYLE = “position: absolute;”>
Fly 1
</div>
<div id = “fly2” STYLE = “position; absolute;”>
Fly 2
</div>
<div id = “fly3” STYLE = “position: absolute;”>
Fly 3
</div>
<div id = “fly4” STYLE = “position: absolute;”>
Fly 4
</div>
</body>
</html>

Cuándo usted forma cualquier estilo de CSS u otros códigos y le redacta siempre debe utilizar el módulo del protocolo de transferencia de hipertexto. Qué nosotros hemos utilizado aquí estamos algunas hojas del estilo de inline para que ellos aplicaran a los estilos diferentes especificados en los objetos. Esta ilustración de inline CSS u hojas de estilo pone la presentación. Si usted fue de publicar esta ilustración, usted vería más claramente cómo trabajo de CSS con el protocolo de transferencia de hipertexto y otros códigos para crear escrituras para girar cuatro objetos en el movimiento y demostrar circulares las páginas con CSS.

Tags: Ensanchar y Desplomar Menús en CSS

Tutorials,

Suscríbete,

(No Ratings Yet)

585 views

Esta entrada fue publicada en6 July 2008a las19:29 y esta registrada en Tutorials. Puedes seguir cualquier comentario a esta entrada a través delRSS 2.0feed. Puedes dejar un comentario, o rastrear desde tu sitio web