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

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

# javascript  # 缓冲运动框架  # js  # 缓冲运动框架的实现  # js实现缓冲运动效果的方法  # JS实现多物体缓冲运动实例代码  # JS多物体 任意值 链式 缓冲运动  # JavaScript缓冲运动实现方法(2则示例)  # JavaScript实现跟随滚动缓冲运动广告框  # JS多物体实现缓冲运动效果示例  # JavaScript中的匀速运动和变速(缓冲)运动详细介绍  # JS实现物体带缓冲的间歇运动效果示例  # JS实现运动缓冲效果的封装函数示例  # JS实现的缓冲运动效果示例  # 行间  # 如有  # 希望能  # 大大的  # 谢谢大家  # 疑问请  # 提高了  # getStyle  # obj  # function  # false  # currentStyle  # timer  # var  # return  # getComputedStyle  # class  # brush  # pre  # strong 

相关文章： 济南网站制作的价格,历城一职专官方网站？  建站主机如何选？性能与价格怎样平衡？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  如何用PHP快速搭建CMS系统？  定制建站价位费用解析与套餐推荐全攻略  免费视频制作网站,更新又快又好的免费电影网站？  如何获取免费开源的自助建站系统源码？  建站VPS选购需注意哪些关键参数？  广州建站公司哪家好？十大优质服务商推荐  如何通过宝塔面板实现本地网站访问？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  javascript中对象的定义、使用以及对象和原型链操作小结  建站DNS解析失败？如何正确配置域名服务器？  如何选择服务器才能高效搭建专属网站？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  整蛊网站制作软件,手机不停的收到各种网站的验证码短信,是手机病毒还是人为恶搞?有这种手机病毒吗？  教程网站设计制作软件,怎么创建自己的一个网站？  相册网站制作软件,图片上的网址怎么复制？  深圳网站制作案例,网页的相关名词有哪些？  如何在IIS中配置站点IP、端口及主机头？  兔展官网 在线制作,怎样制作微信请帖？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  湖北网站制作公司有哪些,湖北清能集团官网？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  如何选择域名并搭建高效网站？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何在Windows 2008云服务器安全搭建网站？  ,巨量百应是干嘛的？  网站微信制作软件,如何制作微信链接？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  沈阳制作网站公司排名,沈阳装饰协会官方网站？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  网站制作说明怎么写,简述网页设计的流程并说明原因？  山东网站制作公司有哪些,山东大源集团官网？  建站之星如何快速更换网站模板？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  建站之星安装需要哪些步骤及注意事项？  教学网站制作软件,学习*后期制作的网站有哪些？  如何在服务器上三步完成建站并提升流量？  如何基于PHP生成高效IDC网络公司建站源码？  如何通过商城免费建站系统源码自定义网站主题？  建站之星代理平台如何选择最佳方案？  南宁网站建设制作定制,南宁网站建设可以定制吗？  北京网站制作公司哪家好一点,北京租房网站有哪些？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  建站之星后台管理：高效配置与模板优化提升用户体验  成都网站制作报价公司,成都工业用气开户费用？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？