首页 > 代码库 > 动画原理
动画原理
动画原理
动画的基本原理 : 让盒子的 offsetLeft + 步长
原理
匀速运动封装函数
1 function animate(obj,target){2 var speed = obj.offsetLeft < target ? 5 : -5; // 用来判断 应该 + 还是 -3 obj.timer = setInterval(function() {4 var result = target - obj.offsetLeft; // 因为他们的差值不会超过55 obj.style.left = obj.offsetLeft + speed + "px";6 if(Math.abs(result)<=5) // 如果差值不小于 5 说明到位置了7 {8 clearInterval(obj.timer);9 obj.style.left = target + "px"; // 有5像素差距 我们直接跳转目标位置10 }11 },30)12 }
动画原理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。