jquery总结06-动画事件02-上卷下拉动画
生活随笔
收集整理的這篇文章主要介紹了
jquery总结06-动画事件02-上卷下拉动画
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
.slideDown() 下拉動畫 動畫執行之后的操作寫在回調函數里
$("ele").slideDown(1000, function() {
//等待動畫執行1秒后,執行別的動作....
});
.slideUp() 上卷動畫?
$("#a2").slideUp(3000,function(){
alert('動畫執行結束')
})
原理?:找到元素的高度,然后采用一個下滑動畫讓元素一直滑到隱藏,當高度為0的時候,也就是不可見的時,修改元素display 樣式屬性被設置為none。
slideToggle() 上卷下拉自動切換
display屬性值保存在jQuery的數據緩存中,所以display可以方便以后可以恢復到其初始值
轉載于:https://www.cnblogs.com/wufangfang/p/6113560.html
總結
以上是生活随笔為你收集整理的jquery总结06-动画事件02-上卷下拉动画的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【转载】CSS 入门精要(一)
- 下一篇: 设计模式5 行为模式