JavaScript中的匀速运动和变速（缓冲）运动

乌鸟heart

<div id="cnblogs_post_body">个人站点
一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定，那就是匀速运动；如果变化的速率不一定，那么就是变速运动。当，变化率与聚离浏览器边框的距离成比例的话，那么就可以说是div在做缓冲运动。
其实，很简单，就是用一个定时器（timer），每隔一段时间来改变div聚浏览器边框的距离。

比如匀速运动：

进入定时器：（每隔30ms做）
if(是否到达终点)
{ 停止定时器}
else do{ 改变距离}

改变距离的方法决定是匀速还是变速（缓冲）运动。

匀速的比如：
<div id="" class="dp-highlighter"><div class="bar"><div class="tools">Javascript代码