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)
}
//缓冲运动框架
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！