English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode fadeTo() d'effet jQuery

Méthodes d'effets jQuery

La méthode fadeTo() modifie progressivement la transparence de l'élément sélectionné pour atteindre la transparence spécifiée.

Cette méthode est similaire àfadeIn()La méthode est similaire, mais cette méthode supprime l'élément caché et s'assure toujours que l'élément apparaît progressivement.10Transparence de 0%.

Attention : La méthode fadeTo() ne change pas la mise en page de la page (l'élément sélectionné continuera à occuper l'espace qu'il occupait auparavant).

Syntaxe :

$(selector)fadeTo.(duration, opacity, easing, callback)

Exemple

progressivement réduire la transparence de l'élément <div> :

$("button").click(function(){
  $("div").fadeTo(500, 0.2);
});
Vérifiez pour voir‹/›

progressivement modifier la transparence de l'élément <div> :

$("#btn1.click(function() {
  $("div").fadeTo(1000, 0);
});
$("#btn2.click(function() {
  $("div").fadeTo(1000, 1);
});
Vérifiez pour voir‹/›

UtilisercallbackParamètres :

$("button").click(function(){
  $("div").fadeTo(500, 0, function(){
    alert("L'opacité diminue!!!");
  });
});
Vérifiez pour voir‹/›

Valeur du paramètre

ParamètresDescription
durationUne chaîne de caractères ou un nombre, spécifiant la durée de l'effet d'animation

Valeurs possibles :

  • millisecondes (par exemple100,500,2000, etc.)

  • «fast»

  • «slow»

opacitySpécifie l'opacité de fondu. Doit être entre 0.00 et1Un nombre entre 0.00
easing(Facultatif) Une chaîne de caractères, spécifiant la vitesse de l'élément à différents points de l'animation. La valeur par défaut est « swing »

Valeurs possibles :

  • «swing»-Au début/Le mouvement est plus lent à la fin et plus rapide au milieu

  • «linear»-Mouvement à une vitesse constante

callback(Facultatif) La méthode fadeTo() est terminée, appelle la fonction

Méthodes d'effets jQuery