API Docs for:
Show:

JX.Animate Class

Defined in: jxanimate.js:375
Module: JXAnimate

HTML5 CSS3关键帧动画引擎。每个动画效果都包装为一个方法，在方法中可以指定动画的播放时长、重复次数等选项。 也可以通过指定Ruler的名称，播放CSS文件中预定义的动画效果。

Constructor

JX.Animate

(
  • params
)

Defined in jxanimate.js:375

Parameters:

  • params Object

    初始化参数{elems:HTML对象数组}

Methods

addEffects

(
  • effectArray
)
Void

Defined in jxanimate.js:965

添加自定义动画效果

Parameters:

  • effectArray Array

    动画效果函数数组，请参考flash,flipInX，flipInY函数编写自定义动画。

Returns:

Void:

applyCss

(
  • elems
  • playParam
  • animSetting
)
Void

Defined in jxanimate.js:850

播放CSS文件中预定义的关键帧动画

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

buildframes

(
  • name
  • frames
)
Void

Defined in jxanimate.js:606

生成关键帧动画的CSS样式字符串。

Parameters:

  • name String

    [关键帧动画的名称]

  • frames Array

    [关键帧数组]

Returns:

Void:

buildUniqueKeyframeName

(
  • animType
)
Void

Defined in jxanimate.js:647

返回唯一的关键帧的名称

Parameters:

  • animType String

    动画类型的名称

Returns:

Void: 唯一的关键帧名称

flash

(
  • elems
  • playParam
  • animSetting
)
Void

Defined in jxanimate.js:885

闪烁效果，内置Demo动画，代码演示了通过CSS样式字符串的形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

flipInX

(
  • elems
  • playParam
  • animSetting
)
Void

Defined in jxanimate.js:942

竖直3D翻转，内置Demo动画，代码演示了通过Frame数组形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

flipInY

(
  • elems
  • playParam
  • animSetting
)
Void

Defined in jxanimate.js:917

水平3D翻转，内置Demo动画，代码演示了通过Frame数组形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

go

(
  • elems
  • playParam
  • animSetting
  • getKeyframe
)
Void

Defined in jxanimate.js:660

开始播放元素对应的CSS动画

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

  • getKeyframe Function

    获取动画的具体keyframe的名称和代码的函数

Returns:

Void:

goWithFixFrames

(
  • elems
  • playParam
  • animSetting
  • frames
)
Void

Defined in jxanimate.js:827

根据自定义的关键帧生成动画，并播放。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

  • frames Array

    关键帧数组

Returns:

Void:

pageFlipLeft

(
  • elems
  • playParam
  • animSetting
)
Void

Provided by the JXAnimate.Audio module.

Defined in jxanimate.effects.js:41

向右翻页的效果，内置Demo动画，代码演示了通过Frame数组形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

pageFlipLeft

(
  • elems
  • playParam
  • animSetting
)
Void

Provided by the JXAnimate.Audio module.

Defined in jxanimate.effects.js:20

向左翻页的效果，内置Demo动画，代码演示了通过Frame数组形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

raceFlag

(
  • elems
  • playParam
  • animSetting
)
Void

Provided by the JXAnimate.Audio module.

Defined in jxanimate.effects.js:63

摇旗子的效果，内置Demo动画，代码演示了通过Frame数组形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

raceFlag1

(
  • elems
  • playParam
  • animSetting
)
Void

Provided by the JXAnimate.Audio module.

Defined in jxanimate.effects.js:84

摇旗子的效果，内置Demo动画，代码演示了通过CSS样式字符串的形式定义动画。

Parameters:

  • elems Array

    HTML元素id的集合

  • playParam Object

    播放参数，时长、延时、重复等

  • animSetting AnimSetting

    动画参数，多米诺效果、回调、声音等

Returns:

Void:

Properties

prefix

String

Defined in jxanimate.js:1007

浏览器的CSS3 样式的前缀

prefixJS

String

Defined in jxanimate.js:1012

浏览器的CSS3 JS方法的前缀