jQuery 动画效果
1.基本效果
(1)隱藏
hide()
hide(speed [,callback])
(2)顯示
show()
show(speed [,callback])
(3)交替顯示隱藏
toggle()? //單擊一次隱藏,再單擊一次顯示,循環。。。。
toggle(switch)? //switch 為true則顯示,false則隱藏
toogle(speed [,callback])
2.滑動效果
(1)向上收縮
slideUp(speed [,callback])
(2)向下展開
slideDown(speed [,callback])
(3)交替伸縮樣式
slideToggle(speed [,callback])? //一次收縮一次展開,循環。。。
3.淡入淡出效果
(1)淡入
fadeIn(speed [,callback])
(2)淡出
faseOut(speed [,callback])
(3)自定義不透明度
fadeTo(speed, opacity [,callback]) //opacity是要調整到的不透明度值
4.自定義動畫效果
(1)自定義動畫
animate(styles, speed, easing [,callback])
styles:用于規定產生動畫效果的CSS樣式,注意所有指定的CSS樣式DOM名稱來設置,而不是CSS名稱,如用"fontSize"來代替"font-size".
esaing:用于指定在不同的動畫點中設置動畫速度的easing函數,內置的easing函數包括swing 和linear
animate(styles, options)
該函數是上面函數的重載。第一個參數與上一個一樣。
options 是可選項,用于規定動畫的額外選項,包括 speed, easing, callback, step(指定動畫的每一步完成之后要執行的函數), queue(指定動畫是否進入效果隊列)
stop(stopAll, gotoEnd)
stopAll 是可選的,如果為 true 則立即結束所有動畫。
gotoEnd 使當前正在執行的動畫立即完成,并重新設置show 和 hide 的原始樣式。
(2)jQuery 動畫隊列
queue(name, callback)
將動畫函數添加到隊列中,name 表示隊列函數,callback 表示動畫完成后執行的函數
queue(name, queue)
將隊列用一個新的隊列(函數數組)來代替。
dequeue([name])
將函數數組中的第一個函數取出并執行。
delay(duration [,queueName])
duration 表示延時時間
clearQueue(name)
清除隊列中所有未執行的函數。
轉載于:https://www.cnblogs.com/lihuiyy/archive/2012/07/18/2598196.html
總結
以上是生活随笔為你收集整理的jQuery 动画效果的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浅谈c/c++typedef和#defi
- 下一篇: ViewPager实现引导界面以及进入下