Scriptaculous - Efecto Appear

Venimos hablando de los efectos de apertura de Scriptaculous. En este caso traemos a la mesa el efecto Appear.

Éste se aplica desde javascript sobre una objeto contenedor DIV identificado por una ID y que debe tener asignado el estilo style='display:none;'.

Por ejemplo: si nuestro DIV oculto con display:none tiene id='caja', podemos invocar el efecto Appear para mostrarlo, de dos maneras distintas:

$('#caja').appear();

Effect.Appear('caja');

Podemos usar cualquiera de estas dos formas, ambas son correctas y muestran el efecto con sus valores por defecto. Pero Appear nos ofrece el atributo Duration que nos permite manipular la duración del efecto.

$('#caja').appear({duration:3.0});

Effect.Appear('caja',{duration:5.0});

Appear incluye algunas opciones de uso que puedes ver aquí

Ver ejemplo