標籤雲

搜尋此網誌

2009/11/10

jQuery-動畫效果

分類方法說明
基本.show()可傳入
'fast'(0.2秒)、'normal'(0.4秒)、'slow'(0.6秒)或毫秒數
第二個參數可傳入 callback
.hide()
.toggle()可傳入 boolean 值,或速度與 callback
滑動.slideDown(speed)可傳入
'fast'(0.2秒)、'normal'(0.4秒)、'slow'(0.6秒)或毫秒數
第二個參數可傳入 callback
.slideUp(speed)
.slideToggle(speed)
淡入淡出.fadeIn(speed)可傳入
'fast'(0.2秒)、'normal'(0.4秒)、'slow'(0.6秒)或毫秒數
第二個參數可傳入 callback
.fadeOut(speed)
.fadeTo(speed, opacity)傳入速度, 透明度(第三參數為 callback)
自訂動畫.animate()參數為( params, [duration], [easing], [callback] )
easing 除了"linear"跟"swing"外,都需要 plugin
例:$("#block").animate({width:"70%", opacity:0.4, fontSize:"3em"}, 1500);
.stop([clearQueue], [gotoEnd])停止動畫
設定指令jQuery.fx.off設為 true 則 disable 所有動畫


分類方法說明
佇列
(可與動畫串接)
.queue()將非效果的方法也排入佇列
傳入 callback 則為在佇列結尾附加 callback
若已存在佇列,傳入新佇列會取代舊佇列
.dequeue()執行佇列中的下一個動畫
(若沒有在 queue 後面執行 dequeue 則動畫會停止)

沒有留言: