好程序员技术教程分享JavaScript运动框架
好程序员技术教程分享JavaScript运动框架,有需要的朋友可以参考下。 JavaScript的运动,即让某元素的某些属性由一个值变到另一个值的过程。如让div的width属性由200px变到400px,opacity属性由0.3变到1.0,就是一个运动过程。 实现运动要注意以下方面: 匀速运动(改变left、right、width、height、opacity等属性) 缓冲运动(速度是变化的) 多物体运动(注意所有东西都不能共用,否则容易产生冲突,如定时器timer) 获取任意属性值(封装一个getStyle函数) 链式运动(串行) 同时运动(并行,同时改变多个属性,需要使用 json) 封装好的getStyle函数,在下面的运动框架中会用到:function getStyle(obj,attr){if(obj.currentStyle){return obj.currentStyle[attr]; //针对IE}else{return getComputedStyle(obj,false)[attr]; //针对Firefox}} 万能的运动框架:function Move(ob...
