jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
在jQuery内部函数Animation中调用到了createTweens()来创建缓动动画组,创建完成后的结果为: 可以看到上面的缓动动画组有四个原子动画组成。其中有几个关键的数组start/end/unit。特别是对非像素单位的动画start值获取费了一番功夫。 还有一个比较关键的地方是都用了this.createTween获取单个css特征的基础的动画特征。-------------------------------------------------------------------------------- jQuery.Tween的结构和jQuery类似 是不是有一种很熟悉的赶脚。 里面cur函数用来获取当前的css特征值 而run函数则会在每个动画时间点上对正在进行的动画的每个特征值进行处理。 其中css特征值运动的进度百分比是 得到的percent是符合时间规律的。代入这个percent设置准确的css特征值,以刷新动画显示。 8.动画完成后调用动画完成回调。
用户评论