jQuery fadeToggle() 方法
實例
不同盒子淡入和淡出的切換:
$("button").click(function(){
$("#div1").fadeToggle();
});
$("#div1").fadeToggle();
});
定義和用法
fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。
如果元素是淡出顯示的,fadeToggle() 會使用淡入效果顯示它們。
如果元素是淡入顯示的,fadeToggle() 會使用淡出效果顯示它們。
注釋:隱藏的元素不會被完全顯示(不再影響頁面的佈局)。
語法
$(selector).fadeToggle(speed,easing,callback)
參數 | 描述 |
---|---|
speed | 可選。規定褪色效果的速度。 可能的值:
|
easing | 可選。規定在動畫的不同點上元素的速度。默認值為 "swing"。 可能的值:
|
callback | 可選。fadeToggle() 方法執行完之後,要執行的函數。
如需學習更多有關 callback 的內容,請訪問我們的 jQuery Callback 這一章。 |

更多實例
fadeToggle()
- 使用 speed 參數
如何使用 speed 參數來規定褪色效果的速度。
fadeToggle()
- 使用 callback 參數
如何使用 callback 參數在 fadeToggle() 方法完成後執行函數。