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

概述

把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,並在動畫完成後可選地觸發一個回調函數。

這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

參數

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

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)

opacity:一個0至1之間表示透明度的數字。

fn:在動畫完成時執行的函數,每個元素執行一次。

[speed],opacity,[easing],[fn]Number/String,String,FunctionV1.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.");

 });