Tutorial básico de jQuery

Efectos jQuery

el método fadeOut() gradualmente cambia la opacidad de los elementos seleccionados de visible a oculto.

Este método se utiliza generalmente confadeIn()métodos juntos.

Nota:Los elementos ocultos ya no afectarán el diseño de la página.

$selector.fadeOut.(duración, easing, callback)

Desvanecer todos los elementos <p>:

Ejemplo

$("button").click(function(){
　　$("p").fadeOut();
});

usardurationparámetros:

Ejemplo

$("button").click(function(){
　　$("p").fadeOut(1500);
});

usarcallbackparámetros:

Ejemplo

$("button").click(function(){
　　$("div").fadeOut(600, function(){}
　　　　$("h3").text("Fade OUT complete.");
　　});
});

Podemos aplicar efectos de desvanecer y aparecer a cualquier elemento, por ejemplo, una imagen simple:

Ejemplo

$("button").click(function(){
　　$("img").fadeOut();
});

Parámetros	Descripción
duration	（Opcional）Determina cuánto tiempo durará el efecto de desvanecimiento. El valor predeterminado es400 milisegundos Valores posibles: milisegundos (por ejemplo100,500,2000, etcétera) “fast” “slow”
easing	（Opcional）Una cadena que especifica la velocidad de los elementos en diferentes puntos del animación. El valor predeterminado es “ swing” Valores posibles: “swing”-Al comenzar/Moverse más lentamente al final y más rápido en el medio “linear”-Mover a una velocidad constante
callback	（Opcional）Finaliza el método fadeOut() y llama a la función, una vez para cada elemento seleccionado