jQuery Effects - 自訂動畫
以下幾個常用的方法,可以自定義動畫效果。
animate()
自行定義 CSS 樣式以進行動畫的製作。
js
animate(properties, duration, complate)參數
| 功能 | 說明 | 型別 | 範例 | 備註 |
|---|---|---|---|---|
| properties | CSS 屬性與值 | Object | { top: 100, left: 700 } | 必填 |
| duration | 效果的速度 | String、Number | 'slow'、'fast'、400 | |
| complete | 結束後的執行事項 | Function | function() {} |
delay()
延遲動畫效果的開始時間。
js
delay(duration)參數
| 功能 | 說明 | 型別 | 範例 | 備註 |
|---|---|---|---|---|
| duration | 效果的速度 | Number | 400 | 必填 |
stop()
停止正在運作的動畫。
js
stop(clearQueue, jumpToEnd)參數
| 功能 | 說明 | 型別 | 範例 | 備註 |
|---|---|---|---|---|
| clearQueue | 清除佇列動畫 | Boolean | true、false | 必填 |
| jumpToEnd | 立即結束動畫 | Boolean | true、false | 必填 |
