Índice

Hacer un efecto de fundido

Este efecto de aparición o desaparición de un elemento, modificando progresivamente su opacidad, posiblemente resulte ser el efecto más bonito de jQuery de todos los que se presentan en este capítulo dedicado a los efectos.

fadeIn(velocidad, función a la que se llama)

Hace aparecer el elemento seleccionado, siguiendo un efecto de fundido.

Esta animación se obtiene ajustando solo la opacidad. El elemento seleccionado debe tener una anchura y una altura concretas.

  • velocidad (opcional): cadena de caracteres que representa una de las tres velocidades predefinidas (’slow’, ’normal’ o ’fast’) o el número en milisegundos correspondiente a la duración del efecto.

    $(’p:first’).fadeIn(4000);
    
  • función a la que se llama (callback) (opcional): función que se tiene que ejecutar cuando termina el efecto.

    $(’p:first’).fadeIn(4000, function(){alert("Fin");});
    

Este método devuelve un objeto jQuery.

fadeOut(velocidad, función a la que se llama)

Hace desaparecer el elemento seleccionado, siguiendo un efecto de fundido.

Esta animación se obtiene ajustando solo la opacidad. El elemento seleccionado debe tener una anchura y una altura concretas.

  • velocidad (opcional): cadena de caracteres que representa una de las tres velocidades predefinidas (’slow’, ’normal’ o ’fast’) o el número en milisegundos correspondiente a la duración del efecto.

    $(’p:first’).fadeOut(4000); ...