mcguu_animation

功能描述

图片的动画特效

依赖的模块

快速使用

本模块集成了多种动画的使用方式,调用只需执行同一个方法即可。 调用执行的方法已经写在了本模块的页面中,使用者只需调用此方法即可。 使用之前将想执行动画的目标div或者图片的id设置之后修改本模块中的方法即可。 本模块中的示例将执行动画的span的id设置为:animationSandbox; 假如执行方法flash,此动画为闪过动画,则只需执行:textAnim(“flash”);即可。 textAnim(x);//x为动画类型的值,取值见select下拉框 动画可取值的范围:

  • bounce
  • flash
  • pulse
  • rubberBand
  • shake
  • swing
  • tada
  • wobble
  • jello
  • bounceIn
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceInUp
  • bounceOut
  • bounceOutDown
  • bounceOutLeft
  • bounceOutRight
  • bounceOutUp
  • fadeIn
  • fadeInDown
  • fadeInDownBig
  • fadeInLeft
  • fadeInLeftBig
  • fadeInRight
  • fadeInRightBig
  • fadeInUp
  • fadeInUpBig
  • fadeOut
  • fadeOutDown
  • fadeOutDownBig
  • fadeOutLeft
  • fadeOutLeftBig
  • fadeOutRight
  • fadeOutRightBig
  • fadeOutUp
  • fadeOutUpBig
  • flip
  • flipInX
  • flipInY
  • flipOutX
  • flipOutY
  • lightSpeedIn
  • lightSpeedOut
  • rotateIn
  • rotateInDownLeft
  • rotateInDownRight
  • rotateInUpLeft
  • rotateInUpRight
  • rotateOut
  • rotateOutDownLeft
  • rotateOutDownRight
  • rotateOutUpLeft
  • rotateOutUpRight
  • slideInDown
  • slideInUp
  • slideInLeft
  • slideInRight
  • slideOutUp
  • slideOutDown
  • slideOutLeft
  • slideOutRight
  • zoomIn
  • zoomInDown
  • zoomInLeft
  • zoomInRight
  • zoomInUp
  • zoomOut
  • zoomOutDown
  • zoomOutLeft
  • zoomOutRight
  • zoomOutUp
  • hinge
  • rollIn
  • rollOut

特别说明

  1. 联系信息:QQ-549341762