Los últimos tutoriales de desarrollo web
 

jQuery Effect fadeOut() Method

<Métodos de efectos jQuery

Ejemplo

Fundido a todos los elementos <P>:

$("button").click(function(){
    $("p").fadeOut();
});
Inténtalo tú mismo "

Definición y Uso

El fadeOut() método cambia gradualmente la opacidad, para los elementos seleccionados, de visible a oculto (efecto de atenuación).

Nota: Los elementos ocultos no se mostrarán en absoluto (ya no afecta al diseño de la página).

Consejo: Este método se utiliza a menudo junto con el fadeIn() método.

Sintaxis

$(selector).fadeOut(speed,easing,callback)

Parámetro Descripción
speed Opcional. Especifica la velocidad del efecto de atenuación. El valor por defecto es de 400 milisegundos

Valores posibles:

  • milisegundos
  • "slow"
  • "fast"
easing Opcional. Especifica la velocidad del elemento en diferentes puntos de la animación. El valor por defecto es "swing"

Valores posibles:

  • "swing" - se mueve más lento al principio / final, pero más rápido en el medio
  • "linear" - se mueve en una velocidad constante
Consejo: Más funciones de aceleración están disponibles en los módulos externos
callback Opcional. Una función que se ejecutará después del fadeOut() se completa el método

Para obtener más información acerca de devolución de llamada, visite nuestro capítulo de devolución de llamada jQuery


Inténtelo usted mismo - Ejemplos

fadeOut() - Utilizando el parámetro de velocidad
Como utilizar el parámetro de velocidad para especificar la velocidad del efecto de atenuación.

fadeIn() - Utilizando el parámetro de devolución de llamada
Cómo utilizar el parámetro de devolución de llamada cuando se cambia gradualmente la opacidad de los elementos seleccionados.


<Métodos de efectos jQuery