返回值:jQuery fadeTo([[speed],opacity,[easing],[fn]])
概述
把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,並在動畫完成後可選地觸發一個回撥函式。
這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。
參數
speed,opacity,[fn] Number/String,Number,Function V1.0
speed :三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)
opacity :一個0至1之間表示透明度的數字。
fn :在動畫完成時執行的函式,每個元素執行一次。
[speed],opacity,[easing],[fn] Number/String,String,Function V1.4.3
speed :三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)
opacity :一個0至1之間表示透明度的數字。
easing :(Optional) 用來指定切換效果,預設是"swing",可用參數"linear"
fn :在動畫完成時執行的函式,每個元素執行一次。
示例
描述:
使用淡入效果來顯示一個隱藏的 <p> 元素:
jQuery 程式碼:
$(".btn2").click(function(){
$("p").fadeIn();
});
描述:
用600毫秒緩慢的將段落的透明度調整到0.66,大約2/3的可見度
jQuery 程式碼:
$("p").fadeTo("slow", 0.66);
描述:
用200毫秒快速將段落的透明度調整到0.25,大約1/4的可見度,之後彈出一個對話方塊
jQuery 程式碼:
$("p").fadeTo("fast", 0.25, function(){
alert("Animation Done.");
});