运动函数

                                                运动函数

var ani = ele.animate([keyframes],{options});

keyframes: 一个对象，代表关键帧的集合；

options:【可选参数】代表动画持续时间的整形数字（以毫秒为单位），或者一个包含一个或多个时间属性的对象。

    属性：

       id：在animate函数里可作为唯一标识的属性，一个用来引用动画的字符串；

       delay:动画延迟时间执行，时间以ms为单位；

       derection：动画的执行方向；

           正向：“normal forwards”;

           反向：“reverse backwards”;

           重复正向：“alternate reforwards”:

           重复反正向：“alternate alternate-reverse”;

       duration：指定动画的运行时间，ms为单位；

       easing：动画的运动速度曲线：

           “linear”: 动画匀速运动；

           “ease”: 动画以低速开始，然后加快，在结束前变慢；

           “ease-in”: 动画以低速开始；

           “ease-out”: 动画以低速结束；

           “ease-in-out”: 动画以低速开始和结束；

    “cubic-bezier”=>”cubic-bezier(0.42,0,0.58,1)”: 在cubic-bezier函数中自己的值。可能的值是0-1的数值。

endDelay: 动画结束后的延迟，ms为单位；

fill: 指定在播放前（“forwards”），在动画完成播放后（“backwards”）保留或者两者都保留的元素是否反映动画的效果。默认是“没有”；

iterationStart: 描述应从迭代的哪一点开始。如：0.5应从迭代的中间开始，在这个值集合中，一个有两个迭代的动画将在第三次迭代的中途结束。默认值为0.0。

iteration：规定动画播放次数；  Infinity无限次

                            eg：box.onmoouseover = function(){

                                          var that = this;

                                          that.animate(

                                                 [

                                                        {transform: getStyle(that,”transform”)[11] },

                                                        {transform: “scal(2)”}    

                                                 ]，

                                                 {

                                                        duration:1000,

                                                        fill:”forwards”

                                                 }

                                          )

                           

                                   }

---

 [11]封装的函数