Réaliser un effet de fondu

Cet effet d’apparition ou de disparition d’un élément en modifiant progressivement son opacité est peut-être la plus belle réalisation de jQuery dans ce chapitre consacré aux effets.

fadeIn(vitesse, fonction de rappel) fadeIn

Fait apparaître l’élément sélectionné selon un effet de fondu.

Cette animation est obtenue en ajustant uniquement l’opacité. L’élément sélectionné doit déjà avoir une largeur et une hauteur spécifiée.

  • vitesse (optionnel) : chaîne de caractères représentant une des trois vitesses prédéfinies (’slow’, ’normal’ ou ’fast’) ou le nombre en millisecondes correspondant à la durée de l’effet.


$('p:first').fadeIn(4000);
 
  • fonction de rappel (callback) (optionnel) : fonction à exécuter à la fin de l’effet. 


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

Cette méthode renvoie un objet jQuery.

fadeOut(vitesse, fonction de rappel) fadeOut

Fait disparaître l’élément sélectionné selon un effet de fondu.

Cette animation est obtenue en ajustant uniquement l’opacité. L’élément sélectionné doit déjà avoir une largeur et une hauteur spécifiée.

  • vitesse (optionnel) : chaîne de caractères...

couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Glisser verticalement
Suivant
Basculer d'un effet à l'autre