fadeTo()方法将选定元素的不透明度逐渐更改为指定的不透明度。
此方法与fadeIn()方法相似,但是该方法取消隐藏元素,并且始终淡入100%的不透明度。
注意: fadeTo()方法不会更改页面的布局(所选元素仍将占用与以前相同的空间)。
$(selector)fadeTo.(duration, opacity, easing, callback)
逐渐降低<div>元素的不透明度:
$("button").click(function(){
$("div").fadeTo(500, 0.2);
});测试看看‹/›逐渐更改<div>元素的不透明度:
$("#btn1").click(function(){
$("div").fadeTo(1000, 0);
});
$("#btn2").click(function(){
$("div").fadeTo(1000, 1);
});测试看看‹/›使用callback参数:
$("button").click(function(){
$("div").fadeTo(500, 0, function(){
alert("不透明度降低!!!");
});
});测试看看‹/›| 参数 | 描述 |
|---|---|
| duration | 一个字符串或数字,指定淡入效果将持续多长时间 可能的值:
|
| opacity | 指定淡入的不透明度。必须是介于0.00和1.00之间的数字 |
| easing | (可选)一个字符串,指定在动画的不同点上元素的速度。默认值为“ swing” 可能的值:
|
| callback | (可选)fadeTo()方法完成,将调用的函数 |