Fx

Class: Fx

这个类很少独自使用,但所有的Fx类的基类.

Fx Method: constructor

语法:

var myFx = new Fx([options]);

参数:

1. options - (object, optional) 一个对象。详见下文。

选项:

• ps - (number: defaults to 50) 帧率。
• frames - (number) 帧数，默认通过持续时间与帧率计算。
• frameSkip - (boolean: defaults to true) 如果设置为true，会根据当前时间计算已播放的帧数,程序卡顿时动画执行时间几乎不受影响。
• unit - (string: defaults to false) 单元，例如'px'， 'em'，或'%'。
• link - (string: defaults to ignore) 可以是'ignore', 'cancel'和'chain'。
  • 'ignore' - 如果元素正在执行动画,新的动画将被忽略.
  • 'cancel' - 如果元素正在执行动画,当前动画立刻取消,执行新动画.
  • 'chain' - 如果元素正在执行动画,新动画将被追加到动画链,当前动画执行完后,执行新动画.
• duration - (number: defaults to 500) 执行间隔
  • "short" - 250ms
  • "normal" - 500ms
  • "long" - 1000ms
• transition - (function: defaults to 'sine:in:out' ) 动画运动方程,可以是以下值,更多详见Fx.Transitions
  • transition[:in][:out] - 例如, 'linear', 'quad:in', 'back:in', 'bounce:out', 'elastic:out', 'sine:in:out'

Events:

• start - (function) 当动画开始时执行
• cancel - (function) 当动画手动停止时执行
• complete - (function) 当动画完成时执行。
• chainComplete - (function) 此函数当选项link为'chain'时使用(见上选项说明)。它在链中所有动画执行完后执行

注意事项:

• 你不能改变过渡曲线，如果你没有加载Fx.Transitions.js(除非你打算开发自己的曲线)
• Fx类仅仅是其它类的基类

Fx Method: start

开始运行一个动画,start事件被触发.

语法:

myFx.start(from[, to]);

参数:

1. from - (mixed) 运动的开始值。如果只有一个参数，该值将被用作目标值。
2. to - (mixed, optional) 运动的目标值。

返回:

• (object) - 当前Fx的实例。

示例:

• 请参阅每个Fx子类文档中的例子。

注意事项:

• 如果只有一个参数设置，启动第一个参数将被用作目标值，初始值从当前状态来计算。

Fx Method: set

set方法在动画运行中的每一帧都会执行,也可手动设定一个值立刻应用到动画上.

语法:

myFx.set(value);

参数:

1. value - (mixed) 要设置的值。

返回:

• (object) - 当前Fx实例。

示例:

• 请参阅Fx子类文档中的例子。

Fx Method: cancel

cancel方法来取消正在运行的动画。触发"cancel"事件。

语法:

myFx.cancel();

返回:

• (object) - 当前Fx实例。

Fx Method: pause

暂时停止当前正在运行的动画。

语法:

myFx.pause();

返回:

• (object) - 当前Fx实例。

注意事项:

• 如果在暂停动画时启动了另一个动画,定时器将被清除以允许另一个动画运行

Fx Method: resume

继续先前暂停的动画。

语法:

myFx.resume();

返回:

• (object) - 当前Fx实例。

注意事项:

• 此方法仅对被暂停的动画有作用,其它情况将被乎略.

Fx Method: isRunning

如果动画正在运行，则返回true。

语法:

var isRunning = myFx.isRunning();

返回:

• (boolean) - 如果动画正在运行，则返回true 。否则，返回false 。

注意事项:

• 返回false如果动画暂停。