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 mail¡Contacta conmigo!
Pablo Monteserín
contacta conmigoPablo Monteserín

Para dudas técnicas sobre los ejercicios de mis cursos es necesario estar suscrito.