jQuery efecto - fadeIn() método

Manual de efectos jQuery

Ejemplo

Utilice el efecto de entrada gradual para mostrar un elemento <p> oculto:

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

Pruebe usted mismo

Definición y uso

fadeIn() método se utiliza para mostrar elementos seleccionados con un efecto de entrada gradual, si el elemento está oculto.

Sintaxis

$(selector).fadeIn(speed,callback)
Parámetros Descripción
speed

Opcional. Especificar la velocidad de ocultamiento a visible del elemento. El valor predeterminado es "normal".

Valores posibles:

  • milisegundos (por ejemplo, 1500)
  • "lento"
  • "normal"
  • "rápido"

Al establecer la velocidad, el elemento cambia gradualmente su transparencia durante el proceso de ocultamiento a visible (creando así el efecto de entrada gradual).
callback

Opcional. Función a ejecutar después de que el función fadeIn haya finalizado.

Para obtener más información sobre callback, visite el capítulo jQuery Callback de nuestro sitio.

No se puede establecer este parámetro a menos que se haya configurado el parámetro speed.

Consejos y notas

Consejo:Si el elemento ya está visible, este efecto no produce ningún cambio, a menos que se especifique una función callback.

Notas:Este efecto se aplica a los elementos ocultados mediante jQuery o a los elementos declarados con display:none en CSS (pero no se aplica a los elementos con visibility:hidden).

Más ejemplos

Utilice el parámetro speed
Utilice el parámetro speed para cambiar la velocidad de entrada o salida de elementos.

Manual de efectos jQuery