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 

相关文章： 简单实现Android文件上传  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  javascript中的try catch异常捕获机制用法分析  如何彻底卸载建站之星软件？  建站DNS解析失败？如何正确配置域名服务器？  网站制作话术技巧,网站推广做的好怎么话术？  如何在阿里云购买域名并搭建网站？  建站之星备案是否影响网站上线时间？  如何确保西部建站助手FTP传输的安全性？  建站之星安装后界面空白如何解决？  如何在云主机上快速搭建多站点网站？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  如何选择高效便捷的WAP商城建站系统？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  建站主机核心功能解析：服务器选择与网站搭建流程指南  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  如何在局域网内绑定自建网站域名？  济南网站制作的价格,历城一职专官方网站？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何选择适合PHP云建站的开源框架？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  网站图片在线制作软件,怎么在图片上做链接？  如何用好域名打造高点击率的自主建站？  建站之星代理平台如何选择最佳方案？  c# 在ASP.NET Core中管理和取消后台任务  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  怎么将XML数据可视化 D3.js加载XML  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  建站之星代理费用多少？最新价格详情介绍  如何正确选择百度移动适配建站域名？  实例解析Array和String方法  如何用西部建站助手快速创建专业网站？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  建站之星安装后如何自定义网站颜色与字体？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何用wdcp快速搭建高效网站？  如何用虚拟主机快速搭建网站？详细步骤解析  上海网站制作开发公司,上海买房比较好的网站有哪些？  威客平台建站流程解析：高效搭建教程与设计优化方案  如何获取开源自助建站系统免费下载链接？  表情包在线制作网站免费,表情包怎么弄？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？