?? fx.md.svn-base
字號:
Class: Fx {#Fx}
===============
本類一般不獨立使用,它用來提供作為Fx系的類的基礎功能類.
所有其他的Fx系列的類都繼承本類.
### 實現:
- [Chain][], [Events][], [Chain][]
Fx 方法: constructor {#Fx:constructor}
----------------------------------------
### 語法:
var myFx = new Fx([options]);
### 參數:
1. options - (*object*, 可選) 參見如下可選項:
### 可選項:
* fps - (*number*: 默認為 50) 動畫特效的秒幀數
* unit - (*string*: 默認為 false) 計量單位(如: 'px', 'em', 或 '%'). 參見[Element:setStyle](/Element/Element/#Element:setStyle)
* link - (*string*: 默認為 ignore) 可為: 'ignore', 'cancel' 或 'chain'
* 'ignore' - 當特效正在執行之中時,再次調用特效開始的方法將被忽略(和可選項'wait'為true時同義)
* 'cancel' - 當特效正在執行之中時,再次調用特效開始的方法將立即取消當前執行的特效,開始執行新的特效(和可選項'wait'為false時同義)
* 'chain' - 當特效正在執行之中時,再次調用特效開始的方法將會把新的特效鏈接在當前執行的特效之后,依次執行各個特效
* duration - (*number*: 默認為 500) 特效間隔毫秒數. 也可使用以下預定義字符串:
* 'short' - 250ms
* 'normal' - 500ms
* 'long' - 1000ms
* transition - (*function*: 默認為 [Fx.Transitions.Sine.easeInOut](/Fx/Fx.Transitions)) 特效的變換方程, 詳見[Fx.Transitions](/Fx/Fx.Transitions). 也可以使用如下格式的字符串:
transition[:in][:out] - 例如: 'linear', 'quad:in', 'back:in', 'bounce:out', 'elastic:out', 'sine:in:out'
### 事件:
* start - (*function*) 特效開始執行時觸發
* cancel - (*function*) 手動停止特效執行時觸發
* complete - (*function*) 特效執行完成后觸發
* chainComplete - (*function*) 當使用link可選項為'chain'時, 該事件在特效鏈執行完后觸發
### 備注:
- 要使用不同的特效變換方式, 則需要包含Fx.Transitions.js模塊(或則,可以自己編寫變換方程)
- Fx類只是一個提供特效基礎功能的骨架類
### 另參考:
- [Fx.Tween][], [Fx.Morph][].
Fx 方法: start {#Fx:start}
----------------------------
開始執行特效變換(并觸發'start'事件)
### 語法:
myFx.start(from[, to]);
### 參數:
1. from - (*mixed*) 特效的起始值. 如果只給出一個參數,則本值將作為結束值
2. to - (*mixed*, 可選) 特效的結束值
### 返回值:
* (*object*) - Fx實例
### 示例:
- 參看Fx的各個子類的示例
### 備注:
- 如果只給出一個參數, 則該值將作為結束值(元素當前的狀態值將作為起始值)
- 值的格式和類型依賴于子類的具體實現, 并可能在個別情況下差異巨大. 請查看各個子類的文檔.
Fx 方法: set {#Fx:set}
------------------------
用于設置特效值.
該方法在特效變換過程中每個'步進'都會調用; 也可以手工調用.
### 語法:
myFx.set(value);
### 參數:
1. value - (*mixed*) 特效值
### 返回值:
* (*object*) - Fx實例
### 示例:
- 請參看Fx的各子類的示例
Fx 方法: cancel {#Fx:cancel}
------------------------------
取消一個特效的執行(并觸發'cancel'事件)
### 語法:
myFx.cancel();
### 返回值:
* (*object*) - Fx實例
Fx 方法: pause {#Fx:pause}
----------------------------
暫停當前執行的特效
### 語法:
myFx.pause();
### 返回值:
* (*object*) - Fx實例
### 備注:
- 可以調用[Fx:resume](#Fx:resume)方法來恢復執行暫停的特效
- 如果在暫停中的特效上調用start方法, 則將清除暫停中的特效, 直接執行新特效
Fx 方法: resume {#Fx:resume}
------------------------------
恢復執行暫停中的特效
### 語法:
myFx.resume();
### 返回值:
* (*object*) - Fx實例
### 備注:
- 只有對暫停中的特效執行本方法才有效果, 否則將忽略.
[Fx]: #Fx
[Chain]: /Class/Class.Extras#Chain
[Events]: /Class/Class.Extras#Events
[Chain]: /Class/Class.Extras#Options
[Fx.Tween]: /Fx/Fx.Tween
[Fx.Morph]: /Fx/Fx.Morph
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -