jQuery 效果 - 淡入淡出
使用 jQuery，您可以使元素淡入和淡出。
點選淡入/淡出面板
因為時間寶貴，我們提供快速簡便的學習。
在 W3Schools，您可以用便捷易懂的方式學習所有您需要掌握的知識。
示例
jQuery fadeIn()
演示 jQuery fadeIn() 方法。
jQuery fadeOut()
演示 jQuery fadeOut() 方法。
jQuery fadeToggle()
演示 jQuery fadeToggle() 方法。
jQuery fadeTo()
演示 jQuery fadeTo() 方法。
jQuery 淡入淡出方法
使用 jQuery，您可以使元素淡入和淡出。
jQuery 具有以下淡入淡出方法：
fadeIn()fadeOut()fadeToggle()fadeTo()
jQuery fadeIn() 方法
jQuery fadeIn() 方法用於淡入隱藏的元素。
語法
$(選擇器).fadeIn(速度,回撥函式);
可選的 speed 引數指定了效果的持續時間。它可以接受以下值：“slow”（慢）、“fast”（快）或毫秒。
可選的回撥函式引數是在淡入完成後執行的函式。
以下示例演示了帶不同引數的 fadeIn() 方法：
示例
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
自己動手試一試 »
jQuery fadeOut() 方法
jQuery fadeOut() 方法用於淡出可見的元素。
語法
$(選擇器).fadeOut(速度,回撥函式);
可選的 speed 引數指定了效果的持續時間。它可以接受以下值：“slow”（慢）、“fast”（快）或毫秒。
可選的回撥函式引數是在淡入完成後執行的函式。
以下示例演示了帶不同引數的 fadeOut() 方法：
示例
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
自己動手試一試 »
jQuery fadeToggle() 方法
jQuery fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。
如果元素被淡出，fadeToggle() 會將它們淡入。
如果元素被淡入，fadeToggle() 會將它們淡出。
語法
$(選擇器).fadeToggle(速度,回撥函式);
可選的 speed 引數指定了效果的持續時間。它可以接受以下值：“slow”（慢）、“fast”（快）或毫秒。
可選的回撥函式引數是在淡入完成後執行的函式。
以下示例演示了帶不同引數的 fadeToggle() 方法：
示例
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
自己動手試一試 »
jQuery fadeTo() 方法
jQuery fadeTo() 方法允許淡入到指定的透明度（0 到 1 之間的值）。
語法
$(選擇器).fadeTo(速度,透明度,回撥函式);
必需的速度引數指定效果的持續時間。它可以接受以下值：“slow”、“fast”或毫秒。
fadeTo() 方法中的必需透明度引數指定淡入到指定的透明度（0 到 1 之間的值）。
可選的回撥函式引數是在函式完成執行後要執行的函式。
以下示例演示了帶不同引數的 fadeTo() 方法：
示例
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
自己動手試一試 »
jQuery 練習
jQuery Effects 參考
要檢視所有 jQuery 效果的完整概述，請訪問我們的 jQuery 效果參考。
