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

jQuery 效果 fadeToggle() 方法

Méthodes d'effets jQuery

fadeToggle()方法可在fadeIn()fadeOut()方法之间切换。

如果选定的元素淡出,则fadeToggle()会将它们淡入。

如果选定的元素被淡入,则fadeToggle()会将它们淡出。

注意:隐藏的元素将不再影响页面的布局。

语法:

$(selector)fadeToggle.(duration, easing, callback)

Exemple

在所有<p>元素的淡入和淡出之间切换:

$("button").click(function(){
  $("p").fadeToggle();
});
Vérifiez et voyez‹/›

使用duration参数:

$("button").click(function(){
  $("p").fadeToggle(1500);
});
Vérifiez et voyez‹/›

使用callback参数:

$("button").click(function(){
  $("div").fadeToggle(1500, function(){}
    alert("L'effet fadeToggle est terminé!!!");
  });
});
Vérifiez et voyez‹/›

Nous pouvons appliquer des effets d'effacement et d'apparition à n'importe quel élément, par exemple une image simple :

$("button").click(function(){
  $("img").fadeToggle();
});
Vérifiez et voyez‹/›

Valeur des paramètres

ParamètresDescription
duration(Optionnel)Détermine combien de temps durera l'effet de déclin. La valeur prédéfinie est400 millisecondes

Valeurs possibles :

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

  • “fast”

  • “slow”

easing(Optionnel)Une chaîne spécifiant la vitesse des éléments à différents points de l'animation. La valeur par défaut est “swing”

Valeurs possibles :

  • “swing”-Au début/Mouvement plus lent à la fin et plus rapide au milieu

  • “linear”-Mouvement à une vitesse constante

callback(Optionnel)Appelé une fois pour chaque élément sélectionné une fois que la méthode fadeToggle() est terminée

Méthodes d'effets jQuery