Tutoriales básicos de jQuery

Efectos de jQuery

El método fadeToggle() se puede usar enfadeIn()yfadeOut()Cambiar entre métodos.

Si los elementos seleccionados se sacan suavemente, fadeToggle() los introducirá.

Si los elementos seleccionados se introducen suavemente, fadeToggle() los sacará.

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

$(selector)fadeToggle.(duracion, easing, callback)

Alternar entre entrada y salida suave de todos los elementos <p>:

Ejemplo

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

UsodurationParámetros:

Ejemplo

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

UsocallbackParámetros:

Ejemplo

$("button").click(function(){
　　$("div").fadeToggle(1500, function(){}
　　　　alert("¡Completo el efecto fadeToggle!!!");
　　});
});

Podemos aplicar efectos de enmascarar y desmascarar a cualquier elemento, por ejemplo, una imagen simple:

Ejemplo

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

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.) “fast” “slow”
easing	（Opcional）Una cadena que especifica la velocidad del elemento en diferentes puntos de la animación. El valor predeterminado es “swing” Valores posibles: “swing”-Al principio/Moverse más lento al final y más rápido en el medio “linear”-Mover a una velocidad constante
callback	（Opcional）Una vez que el método fadeToggle() se complete, se llamará a esta función, una vez por cada elemento seleccionado