Efectos

Para realizar los siguientes ejercicios de efectos, dibujar en pantalla una capa roja y dos botones (los botones no deben estar dentro de la capa).

show / hide

Cuando haga click sobre uno de los botones, la capa roja deberá ocultarse. Cuando haga click sobre el otro, deberá mostrarse.

$("#capaRoja").hide("slow");

$("#capaRoja").show("fast");

"show" muestra el objeto con una animación que dura tantos milisegundos como le indicamos: show([cantidad de milisegundos])

"show" muestra el objeto con una animación que dura tantos milisegundos como le indicamos y ejecuta al final la función que le pasamos como segundo parámetro: show([cantidad de milisegundos],[función])

show y hide

fadeIn / fadeOut

$("#capaRoja").fadeOut("slow");

$("#capaRoja").fadeIn("slow");
fadeIn, fadeOut

fadeTo

$("#descripcion").fadeTo("slow",0.5);

$("#descripcion").fadeTo("slow",1);	
fadeTo

toggle

$("#capaRoja").toggle("slow");
toggle

Animate

$("#capaRoja").animate({height:"800px"},500);

$("#capaRoja").animate({height:"800px",width:"800px"},500);
animate
icono de mandar un mailPreguntame lo que quieras!
Pablo Monteserín
contacta conmigoPablo Monteserín

El servicio de resolución de dudas técnicas es sólo para los usuarios premium. Si tienes cualquier otra duda, usa el formulario de contacto. ¡Gracias!