jQuery之动画-滑入、滑出

目录

一、滑入

二、滑出

三、切换

四、总结

---

一、滑入

$('#div').slideDown(2000, function() {
    alert("滑入了")
})

 总结：一开始#div的元素是隐藏的(display: none)， 滑出后(display:block)

二、滑出

$('#div').slideDown(2000, function() {
    alert("滑出了")
})

 总结：一开始#div的元素是显示的(display: block)， 滑入后(display:none) 

三、切换

$('#div').slideToggle(2000, function() {
    alert("切换了")
})

总结：元素是隐藏状态就滑入；元素是显示就滑出

四、总结

滑入、滑出、切换它们都有两个参数，参数一：动画时长，参数二：动画结束后的回调