fadeTo([[speed],opacity,[easing],[fn]])

返回值:jQueryfadeTo([[speed],opacity,[easing],[fn]])

概述

把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度，并在動(dòng)畫(huà)完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

這個(gè)動(dòng)畫(huà)只調(diào)整元素的不透明度，也就是說(shuō)所有匹配的元素的高度和寬度不會(huì)發(fā)生變化。

參數(shù)

speed,opacity,[fn]Number/String,Number,FunctionV1.0

speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫(huà)時(shí)長(zhǎng)的毫秒數(shù)值(如：1000)

opacity:一個(gè)0至1之間表示透明度的數(shù)字。

fn:在動(dòng)畫(huà)完成時(shí)執(zhí)行的函數(shù)，每個(gè)元素執(zhí)行一次。

[speed],opacity,[easing],[fn]Number/String,String,FunctionV1.4.3

speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫(huà)時(shí)長(zhǎng)的毫秒數(shù)值(如：1000)

opacity:一個(gè)0至1之間表示透明度的數(shù)字。

easing:(Optional) 用來(lái)指定切換效果，默認(rèn)是"swing"，可用參數(shù)"linear"

fn:在動(dòng)畫(huà)完成時(shí)執(zhí)行的函數(shù)，每個(gè)元素執(zhí)行一次。

示例

描述:

使用淡入效果來(lái)顯示一個(gè)隱藏的

元素：

jQuery 代碼:

$(".btn2").click(function(){
  $("p").fadeIn();
});

描述:

用600毫秒緩慢的將段落的透明度調(diào)整到0.66，大約2/3的可見(jiàn)度

jQuery 代碼:

$("p").fadeTo("slow", 0.66);

描述:

用200毫秒快速將段落的透明度調(diào)整到0.25，大約1/4的可見(jiàn)度，之后彈出一個(gè)對(duì)話框

jQuery 代碼:

$("p").fadeTo("fast", 0.25, function(){
   alert("Animation Done.");
 });