jQuery fadeIn() 方法
实例
淡入所有 <p> 元素:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$(".btn1").click(function(){$("p").fadeOut();});$(".btn2").click(function(){$("p").fadeIn();});});</script></head><body><p>这是一个段落</p><button class="btn1">淡出</button><button class="btn2">淡入</button></body></html>
定义与用法
fadeIn() 方法将选定元素的不透明度从隐藏逐渐更改为可见(淡化效果)。
注意: 隐藏的元素将完全不显示(不再影响页面的布局)。
提示:此方法通常与 fadeOut() 方法一起使用。
语法
$(selector).fadeIn(speed,easing,callback)
| 参数 | 描述 |
|---|---|
| speed | 可选。指定动画的速度。默认值为 400 毫秒 值可以为:
|
| easing | 可选。可选。 指定元素在动画不同点的速度。默认值是 "swing"。值可以为:
|
| callback | 可选. 动画完成后要执行的函数。要了解有关回调的更多信息,请阅读本站的 jQuery 回调函数 章节 |