首页 > 编程 > JavaScript > 正文

javascript 缓冲运动框架的实现

2019-11-19 15:14:23
字体:
来源:转载
供稿:网友

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)}//缓冲运动框架

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表