最新的Web開發教程
 

jQuery fadeToggle() Method

<jQuery的影響的方法

淡入和淡出不同的盒子之間進行切換:

$("button").click(function(){
    $("#div1").fadeToggle();
});
試一試»

定義和用法

fadeToggle()方法之間切換fadeIn()fadeOut()方法。

如果這些元素淡出, fadeToggle()將淡出他們。

如果這些元素都在消退, fadeToggle()將淡出出來。

注 :隱藏元素將不會在所有顯示(不再影響頁面的佈局)。


句法

$(選擇).fadeToggle(速度,緩解,回調

參數 描述
speed 可選的。 指定的衰落效應的速度。 默認值是400毫秒

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可選的。 指定的效果的不同點在元件的速度。 默認值是"swing"

可能的值:

  • "swing" -移動在開始/結束慢,但在中間速度
  • "linear" -在一個恆定的速度移動
提示:更多的寬鬆政策功能在外部插件可用
callback 可選的。 在之後所要執行的函數fadeToggle()方法完成

要了解更多有關回調,請閱讀我們的jQuery回調

試一試 - 示例

fadeToggle() -使用速度參數
如何使用速度參數指定的褪色效果的速度。

fadeToggle() -使用callback參數
如何使用回調參數之後執行一個功能fadeToggle()方法完成。


<jQuery的影響的方法