Jquery之動畫

jquery 動畫

隱藏與顯示

1. hide(ms,callback)——隱藏
2. show()——顯示
3. toggle()——隱藏或者顯示

• 可以帶一個整數參數，表示動畫的時間;callback參數表示回調函數
• 動畫效果是向左上角收縮或打開的。

淡入淡出

1. fadeIn(ms,callback)——淡入
2. fadeOut()——淡出
3. fadeToggle()——淡入/淡出
4. fadeTo(ms, 透明度)——設置透明度

• 1、2、3、4都可以帶毫秒參數，表示動畫執行時間；都有最後一個參數callback回調函數，在動畫之後之後調用。(這兩個參數都是可以省略的)
• 4 第二個參數為 0-1，表示透明度

滑動

1. slideDown()——元素下滑顯示
2. slideUp()——元素上滑隱藏
3. slideToggle()——下滑/上滑

• 第一個參數為時間
• 第二個參數為回調

animate

.animate(object,ms,style,callback)

• object 是一個包含樣式變化參數的對象，例如：
  {width:"200",height:"100",left:"100",opacity:"0.5"}，
  表示將指定的元素將變化為對象內指定的樣式。

  Note:

  1. 樣式名字需寫為駝峰型
  2. 不能操作所有的樣式
  3. 樣式的變化可以是表達式：+=100
  4. 樣式值還可以是動畫，例如：toggle

• ms 為動畫執行時間

• style 為動畫執行效果："linear" / "swing"，線性或曲線型變化

• callback 為動畫回調

delay(ms)

延遲下一個動畫執行時間

清除/停止動畫

clearQueue()

清除未執行的動畫。調用之後，執行完當前動畫就不再執行了。

• 可以接收動畫名字作為參數，清除這個指定的動畫

finish()

調用後，當前的元素立即變成動畫執行完畢的狀態

stop()

停止當前元素正在執行的動畫