Class: Fx {#Fx}
===============

[Fx][]的構造方法在加入本模塊后將被覆蓋. 

并將增加可選項transition使用字符值的能力.

### 可選項 transition:

特效的變換方程式(參考[Fx.Transitions][]) 

它可以是一個函數(如: Fx.Transitions.Sine.easeIn), 或是一個字符串('sine:in', 'bounce:out' 或 'quad:in:out', 這分別映射到Fx.Transitions.Sine.easeIn , Fx.Transitions.Bounce.easeOut , Fx.Transitions.Quad.easeInOut三個函數)


Hash: Fx.Transitions {#Fx-Transitions}
======================================

存儲了一組供[Fx][]類及其子類使用的特效變換方程


### 示例:

	var myFx = $('myElement').effect('margin', {
		transition: Fx.Transitions.Elastic.easeOut
	});

### 另參考:

- [Robert Penner's Easing Equations](http://www.robertpenner.com/easing/)



Fx.Transitions 方法: linear {#Fx-Transitions:linear}
------------------------------------------------------

線性方程

![inear][Linear]

Fx.Transitions 方法: quad {#Fx-Transitions:quad}
--------------------------------------------------

二次方程. 可用方式: Quad.easeIn , Quad.easeOut , Quad.easeInOut.

![quad][Quad]


Fx.Transitions 方法: cubic {#Fx-Transitions:cubic}
----------------------------------------------------

三次方程. 可用方式: Cubic.easeIn , Cubic.easeOut , Cubic.easeInOut

![cubic][Cubic]


Fx.Transitions 方法: quart {#Fx-Transitions:quart}
----------------------------------------------------

四次方程. 可用方式: Quart.easeIn , Quart.easeOut , Quart.easeInOut

![quart][Quart]


Fx.Transitions 方法: quint {#Fx-Transitions:quint}
----------------------------------------------------

五次方程. 可用方式: Quint.easeIn , Quint.easeOut , Quint.easeInOut

![quint][Quint]


Fx.Transitions 方法: pow {#Fx-Transitions:pow}
------------------------------------------------

用于生成多次方程, 比如內置的Quad, Cubic, Quart 和 Quint就是由該方法生成


### 備注:

- 調用時, 默認為`p^6`(6次方程)

Fx.Transitions 方法: expo {#Fx-Transitions:expo}
--------------------------------------------------

指數方程. 可用方式: Expo.easeIn , Expo.easeOut , Expo.easeInOut

![expo][Expo]


Fx.Transitions 方法: circ {#Fx-Transitions:circ}
--------------------------------------------------

圓方程. 可用方式: Circ.easeIn , Circ.easeOut , Circ.easeInOut

![circ][Circ]


Fx.Transitions 方法: sine {#Fx-Transitions:sine}
--------------------------------------------------

正弦方程. 可用方式: Sine.easeIn , Sine.easeOut , Sine.easeInOut

![sine][Sine]


Fx.Transitions 方法: back {#Fx-Transitions:back}
--------------------------------------------------

生成的值是先負后正的方程(應用到特效中,就可以是先收縮,后伸展的效果等). 可用方式: Back.easeIn , Back.easeOut , Back.easeInOut

![back][Back]


Fx.Transitions 方法: bounce {#Fx-Transitions:bounce}
------------------------------------------------------

生成的值是階段性的提升和衰減的(彈跳效果). 可用方式: Bounce.easeIn , Bounce.easeOut , Bounce.easeInOut

![bounce][Bounce]


Fx.Transitions 方法: elastic {#Fx-Transitions:elastic}
--------------------------------------------------------

生成的值是上下波動的(彈性效果). 可用方式: Elastic.easeIn , Elastic.easeOut , Elastic.easeInOut

![elastic][Elastic]


Class: Fx.Transition {#Fx-Transition}
=====================================

用于創建自定義特效方程的類.

返回一個包含了'easeIn', 'easeOut', 幾 'easeInOut'三個方法的[Fx][]變換函數.

### 語法:

	var myTransition = new Fx.Transition(transition[, params]);

### 參數:

1. transition - (*function*) 可為<Fx.Transitions>中的內置方程函數, 或是自定義的函數
2. params     - (*mixed*, 可選) 傳遞給可選項transition上指定的函數的第二個參數的值或數組

### 返回值:

* (*function*) 包含了easeIn, easeOut, easeInOut三個方法的對象

### 示例:

	//對原有的Elastic進行自定義
	var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 3);
	
	//使用自定義后的Elastic.easeOut
	var myFx = $('myElement').effect('margin', {
		transition: myTransition.easeOut
	});

### 另參考:

- [Fx.Transitions][]


[Fx]: /Fx/Fx
[Fx.Transitions]: #Fx-Transitions
[Element.effect]: /Element/#Element:effect
[Linear]: ../assets/images/graphs/Linear.png
[Quad]: ../assets/images/graphs/Quad.png
[Cubic]: ../assets/images/graphs/Cubic.png
[Quart]: ../assets/images/graphs/Quart.png
[Quint]: ../assets/images/graphs/Quint.png
[Expo]: ../assets/images/graphs/Expo.png
[Circ]: ../assets/images/graphs/Circ.png
[Sine]: ../assets/images/graphs/Sine.png
[Back]: ../assets/images/graphs/Back.png
[Bounce]: ../assets/images/graphs/Bounce.png
[Elastic]: ../assets/images/graphs/Elastic.png