Méthode jQuery fadeIn()

❮ Méthodes d'effet jQuery

Exemple

Fondu dans tous les éléments <p> :

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

Définition et utilisation

La méthode fadeIn() change progressivement l'opacité, pour les éléments sélectionnés, de caché à visible (effet de fondu).

Note : Les éléments masqués ne seront plus du tout affichés (n'affecte plus la mise en page de la page).

Astuce : Cette méthode est souvent utilisée avec la méthode fadeOut() .

Syntaxe

$(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


Essayez-le vous-même - Exemples


de vitesse Comment utiliser le paramètre de vitesse pour spécifier la vitesse de l'effet de fondu.


de rappel Comment utiliser le paramètre de rappel lors du fondu entrant et sortant d'un élément.


❮ Méthodes d'effet jQuery