jQuery Effect fadeTo() 方法
实例
逐渐改变所有 <p> 元素的不透明度:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").fadeTo(1000, 0.4);
});
});
</script>
</head>
<body>
<button>逐渐改变 p 元素的不透明度</button>
<p>这是一个段落</p>
</body>
</html>
定义与用法
fadeTo()
方法将选定元素的不透明度逐渐更改为指定的不透明度(淡化效果)。
语法
$(selector).fadeTo(speed,opacity,easing,callback)
参数 | 描述 |
---|---|
speed | 必填。可选。指定动画的速度。默认值为 400 毫秒 值可以为:
|
opacity | 必填。指定要淡入的不透明度。必须是介于 0.00 和 1.00 之间的数字 |
easing | 可选。指定元素在动画不同点的速度。默认值是 "swing"。值可以为:
|
callback | 可选. 动画完成后要执行的函数。要了解有关回调的更多信息,请阅读本站的 jQuery 回调函数 章节 |