本文主要介绍了slideUp()方法在jQuery中的用法,并结合实例分析了slideUp()方法的作用、定义和具体技巧,具有一定的参考价值,有需要的朋友可以参考一下。
本文描述了slideUp()方法在jQuery中的使用。分享给你,供你参考。具体分析如下:
这种方法通过改变高度(向上递减)来动态隐藏所有匹配的元素,隐藏后可以很容易地触发一个回调函数。
slideUp()方法只调整元素的高度,可以用“滑动”的方式隐藏匹配的元素。
一、语法结构:
这个方法可以指定动画效果的持续时间。如果没有指定时间,将使用默认值normal。例如:
如下复制代码:$('div ')。上滑(5000)
上面的代码可以设置动画效果在5000毫秒(5秒)内完成。
这个方法也可以在动画结束后触发一个回调函数。例如:
复制代码如下:(' div ')。slideup (5000,function () {alert('向下滑动以完成!')});
上面的代码可以在动画完成后触发回调函数,所以会弹出一个提示框。
二。示例代码:
复制代码如下:
!文档类型html
超文本标记语言
头
meta charset='utf-8 '
meta name=' author ' content=' https://www . jb51 . net/'/
头
style type='text/css '
部门{
背景:# 060;
宽度:300px
高度:300px
颜色:红色;
}
/风格
我们/标题
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1 . 8 . 3 . js '/script
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('#up ')。单击(函数(){
$ ('div ')。slideup (5000,function () {alert('向下滑动以完成!')});
})
})
/脚本
/头
身体
分区/分区
Button id='up '单击向上滑动/button
/body
/html
在上面的代码中,点击按钮,div会慢慢拉起,完成后会弹出一个对话框。
希望这篇文章对大家的jQuery编程有所帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。