javascript 缓冲运动框架的实现

javascript 缓冲运动框架的实现

框架的使用，大大的提高了我们的编码的效率，下面分享一个缓冲运动框架。

实例代码：

/**
 * Created by wang on 2016/8/3.
 */

//获取非行间样式和行间样式
function getStyle(obj,name) {
 if(obj.currentStyle){
 return obj.currentStyle[name];
 }
 else {
 return getComputedStyle(obj,false)[name];
 }
}
//获取非行间样式和行间样式

//缓冲运动框架
var timer=null;
function startMove(obj,attr,iTarget) {
 clearInterval(obj.timer);
 obj.timer=setInterval(function () {
 var cur=0;

 if(attr=='opacity'){
 cur=Math.round(parseFloat(getStyle(obj,attr))*100);
 }
 else {
 cur=parseInt(getStyle(obj,attr));
 }
 var speed=(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)
}
//缓冲运动框架

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！