你的位置:首页 > 软件开发 > Java > javascript运动系列第四篇——抖动

javascript运动系列第四篇——抖动

发布时间:2016-10-19 16:02:14
×目录[1]原理介绍 [2]代码实现 [3]实例应用前面的话  在运动系列中,前面分别介绍了匀速运动、变速运动和曲线运动。下面介绍一种特殊的运动形式——抖动 原理介绍  抖动其实是往复运动的一种特殊形式,只不过往复运 ...

javascript运动系列第四篇——抖动

×
目录
[1]原理介绍 [2]代码实现 [3]实例应用

  抖动元素从起始点开始,先向右移动最大距离len,然后移动到对称的左边位置;然后再向右移动稍微小一点的距离,再移动到对称的左边位置;以此循环,最终元素停止在起始点

 

代码实现

  抖动在代码实现上,无非就是通过定时器,每隔一段时间让left或top值进行变化

  在运动实现中,有两种距离变化的思路

思路一

div.style.left = div.offsetLeft + value;

原标题:javascript运动系列第四篇——抖动

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。