閱讀(7.6k) 書簽贊(1) 我要糾錯

jQuery fadeToggle() 方法

2018-11-21 15:03 更新

實例

不同盒子淡入和淡出的切換：

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

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

如果元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。

如果元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。

注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。

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

參數(shù)	描述
speed	可選。規(guī)定褪色效果的速度。可能的值：毫秒 "slow" "fast"
easing	可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。可能的值： "swing" - 在開頭/結尾移動慢，在中間移動快 "linear" - 勻速移動提示：擴展插件中提供更多可用的 easing 函數(shù)。
callback	可選。fadeToggle() 方法執(zhí)行完之后，要執(zhí)行的函數(shù)。如需學習更多有關 callback 的內(nèi)容，請訪問我們的 jQuery Callback 這一章。

參數(shù)

描述

speed

可選。規(guī)定褪色效果的速度。

可能的值：

easing

可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。

可能的值：

提示：擴展插件中提供更多可用的 easing 函數(shù)。

callback

可選。fadeToggle() 方法執(zhí)行完之后，要執(zhí)行的函數(shù)。

如需學習更多有關 callback 的內(nèi)容，請訪問我們的 jQuery Callback 這一章。