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