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 动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。