Curso de jQuery | Efectos visuales

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

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])

fadeIn / fadeOut

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

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

fadeTo

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

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

toggle

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

Animate

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

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

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.