martes, 8 de noviembre de 2011

Scriptaculous - Efecto DropOut

El efecto DropOut de Scriptaculous es un efecto de cierre y es la combinación de dos efectos Drop y Fade. El elemento afectado experimenta una "caída" al tiempo que se desvanece. Este efecto funciona bien con los elementos html de bloque como DIV,P,H1,H2,etc.. a excepción de las tablas.


Effect.DropOut('id_del_elemento');
En este caso estamos utilizando el efecto con sus valores por defecto. Pero Fade incluye el atributo duration (entre otros) que nos permite controlar la duración del efecto: 

Effect.DropOut('id_del_elemento',{duration: 3.0});
Observe que los atributos como duration se escriben en fomato JSON.

Aquí puedes ver más detalles acerca del efecto Fade

Ver ejemplo

No hay comentarios:

Publicar un comentario