jQuery slideDown()方法,向下滑动

slideDown()语法

$(selector).slideDown(speed, callback)

slideDown()语法解析

jQuery中slideDown()方法,可以用于向下滑动显示被隐藏的HTML元素。

slideDown()参数

参数描述
speed向下滑动的速度,单位为毫秒,或slow、fast等预定义值。
callback回调函数。

slideDown()实例代码

如下代码,通过id选择器,将一个原本隐藏的div元素向下滑动显示:

<button id="test" type="button">点击该按钮,滑动显示一个div元素</button>
<div style="width:100%;height:50%;background-color:green;display:none;" id="d"></div>

<script>
function slideDownAlertSomething(){
  alert("hello!")
}
$("#test").click(function(){
  $("#d").slideDown(500, slideDownAlertSomething())
})
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.