呼吸轮播图中注意的几个“点”

一、封装运动函数animate

对于呼吸轮播图,我们要考虑运动函数中包含的必要参数,为实现效果和作用铺好基石。①需要改变的对象;②要改变的对象某属性及终止状态;③轮播图都有运动或变化过程的时间,可谓运动时间或对象属性变化的时间;还有两个,比如考虑到变化的快慢状态是匀速还是先快后慢等的缓冲状态,④可选择增加缓冲状态描述词,以供缓冲状态函数的调用;有时候考虑运动的重复性,⑤可选择增加回调函数。那么封装的运动函数形式如下:

function animate(elem , targetJSON , time , tweenString , callback){
  //每个参数的意义与上面的序号对应
  //函数内部分析运动可能改变的那些常用属性及如何获取
  //给要改变的对象添加需要改变的属性
  //控制缓冲状态
  //...
}

其实,封装运动函数是个庞大的工作量,考虑的方面很多,所以呢,大神封装好的运动函数我们拿来用就好,明白上面的前三个必要参数,会给轮播图带来的效果呈现。

继续阅读呼吸轮播图中注意的几个“点”