Método jQuery fadeIn()

❮ Métodos de efecto jQuery

Ejemplo

Fundido en todos los elementos <p>:

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

Definición y uso

El método fadeIn() cambia gradualmente la opacidad, para los elementos seleccionados, de ocultos a visibles (efecto de desvanecimiento).

Nota : los elementos ocultos no se mostrarán en absoluto (ya no afectan el diseño de la página).

Sugerencia: este método se usa a menudo junto con el método fadeOut() .

Sintaxis

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

Parameter Description
speed Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the fadeIn() method is completed

To learn more about callback, visit our jQuery Callback chapter


Pruébelo usted mismo - Ejemplos


de velocidad Cómo usar el parámetro de velocidad para especificar la velocidad del efecto de desvanecimiento.


Cómo usar el parámetro de devolución de llamada cuando se hace un fundido de entrada y salida de un elemento.


❮ Métodos de efecto jQuery