4-7. jQuery針對「動畫」的控制
基礎動畫的方法
| 有關基本動畫效果 Effect | 說明 |
|---|---|
| show ( [動畫持續的時間] [,....] ) | 顯示 [參考英文版] [參考簡中版] [參考JQ官網版] |
| hide ( [動畫持續的時間] [,....] ) | 隱藏 |
| toggle ( [動畫持續的時間] [,....] ) | 顯示與隱藏的切換 |
| slideDown ( [動畫持續的時間] [, ....] ) | 向下展開 [參考英文版] [參考簡中版] [參考JQ官網版] |
| slideUp ( [動畫持續的時間] [, ....] ) | 向上收合 |
| slideToggle ( [動畫持續的時間] [, ....] ) | 向下展開與向上收合的切換 |
| fadeIn ( [動畫持續的時間] [,....] ) | 淡入 [參考英文版] [參考簡中版] [參考JQ官網版] |
| fadeOut ( [動畫持續的時間] [,....] ) | 淡出 |
| fadeTo ( 動畫持續的時間, 不透明度 [,....] ) | 淡化到指定數值 |
| fadeToggle ( [動畫持續的時間] [,....] ) | 淡入與淡出的切換 |
自定動畫的方法
自定動畫的語法
選取器物件.animate ( properties [,duration] [,easing] [,complete] )
[參考英文版]
[參考簡中版]
[參考JQ官網版]
改變選取器物件的屬性來設計動畫 ( 物件屬性改變的目標 [,動畫持續的時間] [,加減速效果] [,完成動畫後執行的工作] )
動畫常用的輔助方法
例如 stop() 停止目前佇列準備執行的動畫 [參考英文版] [參考簡中版] [參考JQ官網版]
例如 delay() 延遲停留的時間控制 [參考英文版] [參考簡中版] [參考JQ官網版]
加減速變化的外掛
下載動畫時加減速變化的外掛 [下載連結網]
加上加減速變化的外掛後, 可以運用以下加減速的參數 [外掛列圖介紹參考網] [外掛列圖介紹參考網]
尺寸的偵測
