实例
使用淡入效果显示所有 <p> 元素:
$("button").click(function(){
$("p").fadeIn();
});
定义和用法
fadeIn() 方法逐渐改变被选元素的不透明度,从隐藏到可见(褪色效果)。
注释:隐藏的元素不会被完全显示(不再影响页面的布局)。
提示:该方法通常与 fadeOut() 方法一起使用。
语法
$(selector).fadeIn(speed,easing,callback)
参数 |
描述 |
speed |
可选。规定褪色效果的速度。 可能的值:
毫秒 "slow" "fast"
|
easing
|
可选。规定在动画的不同点上元素的速度。默认值为 "swing"。 可能的值:
"swing" - 在开头/结尾移动慢,在中间移动快 "linear" - 匀速移动 提示:扩展插件中提供更多可用的 easing 函数。
|
callback |
可选。fadeIn() 方法执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 |