Skip to content

絢麗的效果

jQuery 函式庫提供了幾個可以在網頁上增添動畫的技巧。包括經常使用的簡單型動畫,以及能客製化的自訂動畫效果。

顯示、隱藏與切換

方法說明
show()顯示指定的 DOM。
hide()隱藏指定的 DOM。
toggle()切換指定的 DOM 進行顯示與隱藏。

滑動

方法說明
slideDown()調整高度來滑動顯示指定的 DOM,即下拉。
slideUp()調整高度來滑動隱藏指定的 DOM,即上捲。
slideToggle()切換指定的 DOM 進行滑動顯示與隱藏。

淡入、淡出

方法說明
fadeIn()對指定的 DOM 進行隱藏到可見的不透明度補間動畫,即淡入。
fadeOut()對指定的 DOM 進行可見到隱藏的不透明度補間動畫,即淡出。
fadeTo()對指定的 DOM 進行不透明度的指定值。
fadeToggle()切換指定的 DOM 進行,淡入、淡出效果。

自訂動畫

方法說明
animate()自訂動畫效果。
delay()延遲動畫效果。
stop()佇列動畫與動畫處置。