Los últimos tutoriales de desarrollo web
 

jQuery fadeIn() Method

<Métodos de efectos jQuery

Ejemplo

Fundido en todos los elementos <P>:

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

Definición y Uso

El fadeIn() método cambia gradualmente la opacidad, para los elementos seleccionados, desde oculta a visible (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 fadeOut() método.

Sintaxis

$(selector).fadeIn(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" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Consejo: Más funciones de aceleración están disponibles en los módulos externos
callback Opcional. Una función que se ejecuta después de la fadeIn() 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

fadeIn() - 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 la decoloración de entrada y salida de un elemento.


<Métodos de efectos jQuery