¿Cómo? ¿No era que no había más efectos en Scriptaculous?
Parte 1
Parte 2
Parte 3
Parte 4
Es que este merece un párrafo especial porque es el más útil de todos ellos y puede usarse rápidamente sin tener que configurar nada.
Effect.toggle permite mostrar y ocultar elementos con animaciones diferentes.
new Effect.toggle('nombre_elemento',modo,opciones);
Donde el modo puede ser appear, slide o blind y definen el tipo de animación a utilizar y las opciones a usar son las mismas de los efectos de la animación correspondiente.
Es recomendable que, al igual que en los efectos individuales, el elemento sobre el cual se va a ejecutar el efecto esté incluido en un contenedor DIV, sobre todo, en IE:
Parte 1
Parte 2
Parte 3
Parte 4
Es que este merece un párrafo especial porque es el más útil de todos ellos y puede usarse rápidamente sin tener que configurar nada.
Effect.toggle permite mostrar y ocultar elementos con animaciones diferentes.
new Effect.toggle('nombre_elemento',modo,opciones);
Donde el modo puede ser appear, slide o blind y definen el tipo de animación a utilizar y las opciones a usar son las mismas de los efectos de la animación correspondiente.
Es recomendable que, al igual que en los efectos individuales, el elemento sobre el cual se va a ejecutar el efecto esté incluido en un contenedor DIV, sobre todo, en IE:
<div id="nombre"><div>contenido</div></div>
| DEMO con blind (inicialmente visible) | DEMO con blind (inicialmente oculto) |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
| DEMO con slide (inicialmente visible) | DEMO con slide (inicialmente oculto) |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
| DEMO con appear (inicialmente visible) | DEMO con appear (inicialmente oculto) |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
En la práctica, esto es lo que nos permite reemplazar otros trucos o script simples como los descriptos aquí o incluso scripts más complejos como los bloques animados en la sidebar.
Mostrar y ocultar UN FORMULARIO
Mostrar y ocultar UN FORMULARIO
O inclusive UN VIDEO que luego reproducimos con LightwIndow
Todos estos efectos no son otra cosa que herramientas a nuestra disposición, usarlas o no, dependerá de lo que deseemos hacer.
0 comentarios:
Publicar un comentario