Derniers tutoriels de développement web
 

jQuery fadeIn() Method

<Méthodes jQuery Effet

Exemple

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

$("button").click(function(){
    $("p").fadeIn();
});
Essayez - le vous - même »

Définition et utilisation

Le fadeIn() méthode modifie progressivement l'opacité, pour des éléments sélectionnés, de caché à la lumière visible (effet de fondu).

Remarque: les éléments cachés ne seront pas affichés du tout (n'affecte plus la mise en page de la page).

Conseil: Cette méthode est souvent utilisée conjointement avec l' fadeOut() méthode.

Syntaxe

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

Paramètre La description
speed Optionnel. Indique la vitesse de l'effet de fondu. La valeur par défaut est de 400 millisecondes

Valeurs possibles:

  • millisecondes
  • "slow"
  • "fast"
easing Optionnel. Est la vitesse de l'élément en différents points de l'animation. La valeur par défaut est "swing"

Valeurs possibles:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Astuce: Plus de fonctions d'assouplissement sont disponibles dans les plugins externes
callback Optionnel. Une fonction à exécuter après la fadeIn() méthode est terminée

Pour en savoir plus sur le rappel, visitez notre chapitre jQuery Callback


Essayez-le vous-même - Exemples

fadeIn() - Utilisation du paramètre de vitesse
Comment utiliser le paramètre de vitesse pour spécifier la vitesse de l'effet de fondu.

fadeIn() - En utilisant le paramètre de rappel
Comment utiliser le paramètre de rappel lors de la décoloration dans et hors d'un élément.


<Méthodes jQuery Effet