絢麗的效果
jQuery 函式庫提供了幾個可以在網頁上增添動畫的技巧。包括經常使用的簡單型動畫,以及能客製化的自訂動畫效果。
顯示、隱藏與切換
| 方法 | 說明 |
|---|---|
show() | 顯示指定的 DOM。 |
hide() | 隱藏指定的 DOM。 |
toggle() | 切換指定的 DOM 進行顯示與隱藏。 |
滑動
| 方法 | 說明 |
|---|---|
slideDown() | 調整高度來滑動顯示指定的 DOM,即下拉。 |
slideUp() | 調整高度來滑動隱藏指定的 DOM,即上捲。 |
slideToggle() | 切換指定的 DOM 進行滑動顯示與隱藏。 |
淡入、淡出
| 方法 | 說明 |
|---|---|
fadeIn() | 對指定的 DOM 進行隱藏到可見的不透明度補間動畫,即淡入。 |
fadeOut() | 對指定的 DOM 進行可見到隱藏的不透明度補間動畫,即淡出。 |
fadeTo() | 對指定的 DOM 進行不透明度的指定值。 |
fadeToggle() | 切換指定的 DOM 進行,淡入、淡出效果。 |
自訂動畫
| 方法 | 說明 |
|---|---|
animate() | 自訂動畫效果。 |
delay() | 延遲動畫效果。 |
stop() | 佇列動畫與動畫處置。 |
