博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
波浪运动
阅读量:5236 次
发布时间:2019-06-14

本文共 1416 字,大约阅读时间需要 4 分钟。

1   2   3   4       5         
6 7 37 38 39 40 41 42 43
    44
  • AA
  • 45
  • BB
  • 46
  • CC
  • 47
  • DD
  • 48
  • EE
  • 49
50 51 69 70 71 72 73 74 /* 75 var m = new Move(); 76 //让谁动? 77 m.ele = box; 78 m.start = XX; //开始位置 79 m.target =XXX; 结束值 80 m.direction = "top"; //左右动无需给参数,上下给top 81 m.animation(); 启动动画。 82 * */ 83 function Move() { 84 this.ele = null; 85 this.start = 0; 86 this.target = 100; 87 this.speed = 10; 88 this.direction = "left"; 89 this.offset = "offsetLeft"; 90 this.animation = function() { 91 var o = this; 92 if(o.direction == "top") { 93 o.offset = "offsetTop" 94 } 95 96 var step, 97 i = o.start, 98 timer, 99 current;100 101 function t() {102 current = o.ele[o.offset];103 step = (o.target - current) / o.speed104 step = Math.ceil(step);105 i += step;106 if(Math.abs(i - o.target) < 5) {107 i = o.target;108 clearInterval(timer)109 }110 o.ele.style[o.direction] = i + "px";111 }112 timer = setInterval(t, 20);113 }114 115 }

 

转载于:https://www.cnblogs.com/oklfx/p/7501675.html

你可能感兴趣的文章
svn客户端清空账号信息的两种方法
查看>>
springboot添加servlet的两种方法
查看>>
java的Array和List相互转换
查看>>
layui父页面执行子页面方法
查看>>
如何破解域管理员密码
查看>>
Windows Server 2008 R2忘记管理员密码后的解决方法
查看>>
IE11兼容IE8的设置
查看>>
windows server 2008 R2 怎么集成USB3.0驱动
查看>>
Foxmail:导入联系人
查看>>
vue:axios二次封装,接口统一存放
查看>>
vue中router与route的区别
查看>>
js 时间对象方法
查看>>
网络请求返回HTTP状态码(404,400,500)
查看>>
Spring的JdbcTemplate、NamedParameterJdbcTemplate、SimpleJdbcTemplate
查看>>
Mac下使用crontab来实现定时任务
查看>>
303. Range Sum Query - Immutable
查看>>
图片加载失败显示默认图片占位符
查看>>
【★】浅谈计算机与随机数
查看>>
解决 sublime text3 运行python文件无法input的问题
查看>>
javascript面相对象编程,封装与继承
查看>>