jQuery Effects - 淡入與淡出
以 CSS 指定 DOM 進行淡入、淡出效果。
fadeIn()
指定 DOM 由隱藏的狀態淡入畫面中。
js
fadeIn(duration, complete)參數
| 功能 | 說明 | 型別 | 範例 |
|---|---|---|---|
| duration | 效果的速度 | String、Number | 'slow'、'fast'、400 |
| complete | 結束後的執行事項 | Function | function() {} |
fadeOut()
指定 DOM 由顯示的狀態淡出畫面。
js
fadeOut(duration, complete)參數
與前述相同。
fadeToggle()
指定 DOM 進行淡入、出的切換。
js
fadeToggle(duration, complete)參數
與前述相同。
fadeTo()
指定 DOM 進行透明度的設定。
js
fadeTo(duration, opacity, complete)參數
| 功能 | 說明 | 型別 | 範例 | 備註 |
|---|---|---|---|---|
| duration | 效果的速度 | String、Number | 'slow'、'fast'、400 | 必填 |
| opacity | 不透明度 | Number | .5、.7 | 必填 |
| complete | 結束後的執行事項 | Function | function() {} |
