javascript 缓冲运动框架的实现
javascript缓冲运动框架的实现
框架的使用,大大的提高了我们的编码的效率,下面分享一个缓冲运动框架。
实例代码:
/** *Createdbywangon2016/8/3. */ //获取非行间样式和行间样式 functiongetStyle(obj,name){ if(obj.currentStyle){ returnobj.currentStyle[name]; } else{ returngetComputedStyle(obj,false)[name]; } } //获取非行间样式和行间样式 //缓冲运动框架 vartimer=null; functionstartMove(obj,attr,iTarget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ varcur=0; if(attr=='opacity'){ cur=Math.round(parseFloat(getStyle(obj,attr))*100); } else{ cur=parseInt(getStyle(obj,attr)); } varspeed=(iTarget-cur)/6; speed=speed>0?Math.ceil(speed):Math.floor(speed); if(cur==iTarget){ clearInterval(timer); } else{ if(attr=='opacity'){ obj.style.filter='alpha(opcity:'+(cur+speed)+')'; obj.style.opacity=(cur+speed)/100; } else{ obj.style[attr]=cur+speed+'px'; } } },30) } //缓冲运动框架
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!