1.基本效果

（1）隱藏

　　hide()

　　hide(speed [,callback])

（2）顯示

　　show()

　　show(speed [,callback])

（3）交替顯示隱藏

　　toggle()? //單擊一次隱藏，再單擊一次顯示，循環(huán)。。。。

　　toggle(switch)? //switch 為true則顯示，false則隱藏

　　toogle(speed [,callback])

2.滑動(dòng)效果

（1）向上收縮

　　slideUp(speed [,callback])

（2）向下展開

　　slideDown(speed [,callback])

（3）交替伸縮樣式

　　slideToggle(speed [,callback])? //一次收縮一次展開，循環(huán)。。。

3.淡入淡出效果

（1）淡入

　　fadeIn(speed [,callback])

（2）淡出

　　faseOut(speed [,callback])

（3）自定義不透明度

　　fadeTo(speed, opacity [,callback]) //opacity是要調(diào)整到的不透明度值

4.自定義動(dòng)畫效果

（1）自定義動(dòng)畫

　　animate(styles, speed, easing [,callback])

　　　　styles：用于規(guī)定產(chǎn)生動(dòng)畫效果的CSS樣式，注意所有指定的CSS樣式DOM名稱來設(shè)置，而不是CSS名稱，如用"fontSize"來代替"font-size".

　　　　esaing：用于指定在不同的動(dòng)畫點(diǎn)中設(shè)置動(dòng)畫速度的easing函數(shù)，內(nèi)置的easing函數(shù)包括swing 和linear

　　animate(styles, options)

　　　　該函數(shù)是上面函數(shù)的重載。第一個(gè)參數(shù)與上一個(gè)一樣。

　　　　options 是可選項(xiàng)，用于規(guī)定動(dòng)畫的額外選項(xiàng)，包括 speed, easing, callback, step（指定動(dòng)畫的每一步完成之后要執(zhí)行的函數(shù)）, queue（指定動(dòng)畫是否進(jìn)入效果隊(duì)列）

　　stop(stopAll, gotoEnd)

　　　　stopAll 是可選的，如果為 true 則立即結(jié)束所有動(dòng)畫。

　　　　gotoEnd 使當(dāng)前正在執(zhí)行的動(dòng)畫立即完成，并重新設(shè)置show 和 hide 的原始樣式。

（2）jQuery 動(dòng)畫隊(duì)列

　　queue(name, callback)

　　將動(dòng)畫函數(shù)添加到隊(duì)列中，name 表示隊(duì)列函數(shù)，callback 表示動(dòng)畫完成后執(zhí)行的函數(shù)

　　queue(name, queue)

　　將隊(duì)列用一個(gè)新的隊(duì)列（函數(shù)數(shù)組）來代替。

　　dequeue([name])

　　將函數(shù)數(shù)組中的第一個(gè)函數(shù)取出并執(zhí)行。

　　delay(duration [,queueName])

　　duration 表示延時(shí)時(shí)間

　　clearQueue(name)

　　清除隊(duì)列中所有未執(zhí)行的函數(shù)。

　　

轉(zhuǎn)載于:https://www.cnblogs.com/lihuiyy/archive/2012/07/18/2598196.html

總結(jié)

以上是生活随笔為你收集整理的jQuery 动画效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。