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

jQuery 效果 fadeOut() 方法

Méthodes d'effets jQuery

fadeOut()方法逐渐将选定元素的不透明度,从可见更改为隐藏。

该方法通常与fadeIn()方法一起使用。

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

语法:

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

实例

淡出所有<p>元素:

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

使用duration参数:

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

使用callback参数:

$("button").click(function(){
  $("div").fadeOut(600, function(){}
    $("h3").text("Fade OUT complete.");
  });
});
Vérifiez et voyez‹/›

Nous pouvons appliquer des effets fondu/défilé à n'importe quel élément, par exemple une image simple :

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

Valeur des paramètres

ParamètresDescription
duration(Optionnel)Détermine la durée de 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 qui spécifie 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(Optionnel)Appel de la fonction à la fin de l'animation fadeOut(), chaque élément sélectionné est appelé une fois

Méthodes d'effets jQuery