jQuery slideDown() 方法
实例
向下滑动(显示)所有隐藏的 <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").slideUp();
});
$(".btn2").click(function(){
$("p").slideDown();
});
});
</script>
</head>
<body>
<p>这是一个段落</p>
<button class="btn1">向上滑动</button>
<button class="btn2">向下滑动</button>
</body>
</html>
定义与用法
slideDown()
方法向下滑动(显示)所选元素。
注意: slideDown()
适用于使用 jQuery 方法隐藏的元素,并使用 CSS 的 display:none
(并不适用于:visibility:hidden
)。
提示:要向上滑动(隐藏)元素,请查看 slideUp() 方法。
语法
$(selector).slideDown(speed,easing,callback)
参数 | 描述 |
---|---|
speed | 可选。指定动画的速度。默认值为 400 毫秒 值可以为:
|
easing | 可选。可选。 指定元素在动画不同点的速度。默认值是 "swing"。值可以为:
|
callback | 可选. 动画完成后要执行的函数。要了解有关回调的更多信息,请阅读本站的 jQuery 回调函数 章节 |