jquery動畫部分自己寫一寫demo練習(xí)一下會有更好的理解。
我自己也是寫了幾個練手,可以到github倉庫獲取:https://github.com/qiuqiu2945/jquery
jquery 動畫
隱藏與顯示
- hide(ms,callback)——隱藏
- show()——顯示
- toggle()——隱藏或者顯示
- 可以帶一個整數(shù)參數(shù),表示動畫的時間;callback參數(shù)表示回調(diào)函數(shù)
- 動畫效果是向左上角收縮或打開的。
淡入淡出
- fadeIn(ms,callback)——淡入
- fadeOut()——淡出
- fadeToggle()——淡入/淡出
- fadeTo(ms, 透明度)——設(shè)置透明度
- 1、2、3、4都可以帶毫秒?yún)?shù),表示動畫執(zhí)行時間;都有最后一個參數(shù)callback回調(diào)函數(shù),在動畫之后之后調(diào)用。(這兩個參數(shù)都是可以省略的)
- 4 第二個參數(shù)為 0-1,表示透明度
滑動
- slideDown()——元素下滑顯示
- slideUp()——元素上滑隱藏
- slideToggle()——下滑/上滑
- 第一個參數(shù)為時間
- 第二個參數(shù)為回調(diào)
animate
.animate(object,ms,style,callback)
-
object 是一個包含樣式變化參數(shù)的對象,例如:
{width:"200",height:"100",left:"100",opacity:"0.5"}
,
表示將指定的元素將變化為對象內(nèi)指定的樣式。
Note:
- 樣式名字需寫為駝峰型
- 不能操作所有的樣式
- 樣式的變化可以是表達(dá)式:+=100
- 樣式值還可以是動畫,例如:toggle
-
ms 為動畫執(zhí)行時間
-
style 為動畫執(zhí)行效果:"linear" / "swing",線性或曲線型變化
-
callback 為動畫回調(diào)
delay(ms)
延遲下一個動畫執(zhí)行時間
清除/停止動畫
clearQueue()
清除未執(zhí)行的動畫。調(diào)用之后,執(zhí)行完當(dāng)前動畫就不再執(zhí)行了。
- 可以接收動畫名字作為參數(shù),清除這個指定的動畫
finish()
調(diào)用后,當(dāng)前的元素立即變成動畫執(zhí)行完畢的狀態(tài)
stop()
停止當(dāng)前元素正在執(zhí)行的動畫
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。