jquery总结06-动画事件02-上卷下拉动画

时间:2022-04-08 16:54:44

.slideDown() 下拉动画 动画执行之后的操作写在回调函数里

$("ele").slideDown(1000, function() {
//等待动画执行1秒后,执行别的动作....
});

.slideUp() 上卷动画

$("#a2").slideUp(3000,function(){
alert('动画执行结束')
})

原理 :找到元素的高度,然后采用一个下滑动画让元素一直滑到隐藏,当高度为0的时候,也就是不可见的时,修改元素display 样式属性被设置为none。

slideToggle() 上卷下拉自动切换

display属性值保存在jQuery的数据缓存中,所以display可以方便以后可以恢复到其初始值