fadeTo()方法將選定元素的不透明度逐漸更改為指定的不透明度。
此方法與fadeIn()方法相似，但是該方法取消隱藏元素，并且始終淡入100％的不透明度。
注意： fadeTo()方法不會(huì)更改頁面的布局（所選元素仍將占用與以前相同的空間）。
$(selector)fadeTo.(duration, opacity, easing, callback)
逐漸降低<div>元素的不透明度：
$("button").click(function(){
$("div").fadeTo(500, 0.2);
});測(cè)試看看?/?逐漸更改<div>元素的不透明度：
$("#btn1").click(function(){
$("div").fadeTo(1000, 0);
});
$("#btn2").click(function(){
$("div").fadeTo(1000, 1);
});測(cè)試看看?/?使用callback參數(shù)：
$("button").click(function(){
$("div").fadeTo(500, 0, function(){
alert("不透明度降低!!!");
});
});測(cè)試看看?/?| 參數(shù) | 描述 |
|---|---|
| duration | 一個(gè)字符串或數(shù)字，指定淡入效果將持續(xù)多長時(shí)間 可能的值：
|
| opacity | 指定淡入的不透明度。必須是介于0.00和1.00之間的數(shù)字 |
| easing | （可選）一個(gè)字符串，指定在動(dòng)畫的不同點(diǎn)上元素的速度。默認(rèn)值為“ swing” 可能的值：
|
| callback | （可選）fadeTo()方法完成，將調(diào)用的函數(shù) |