javascript 缓冲运动框架的实现


Posted in Javascript onSeptember 29, 2017

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 相关文章推荐
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
Extjs NumberField后面加单位实现思路
Jul 30 Javascript
js获取和设置属性的方法
Feb 20 Javascript
EasyUI实现下拉框多选功能
Nov 07 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
webpack4简单入门实例
Sep 06 Javascript
webpack之引入图片的实现及问题
Oct 08 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
js实现车辆管理系统
Aug 26 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
使用cropper.js裁剪头像的实例代码
Sep 29 #Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 #Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 #Javascript
微信小程序之选项卡的实现方法
Sep 29 #Javascript
vue-cli的eslint相关用法
Sep 29 #Javascript
JavaScript数组的5种迭代方法
Sep 29 #Javascript
微信小程序之GET请求的实例详解
Sep 29 #Javascript
You might like
smarty实例教程
2006/11/19 PHP
PHP的异常处理类Exception的使用及说明
2012/06/13 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
PHP中的随机性 你觉得自己幸运吗?
2016/01/22 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
JavaScript 事件参考手册
2008/12/24 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
在vue 中使用 less的教程详解
2018/09/26 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
python支持断点续传的多线程下载示例
2014/01/16 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
python数据封装json格式数据
2018/03/04 Python
numpy中的高维数组转置实例
2018/04/17 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
python如何将两个txt文件内容合并
2019/10/18 Python
python的launcher用法知识点总结
2020/08/07 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
Python Http请求json解析库用法解析
2020/11/28 Python
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
仓库主管岗位职责
2014/03/02 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python