缓冲运动:(含义)
比如列车运行(天津站——北京站),中途一直保持匀速运动,临近站点时减速直到停。
假设目标值为300px,那么target就是300px
越接近目标值越慢,但是并没有到300px这个点,到292.8px
JavaScript运动框架——缓冲运动

注意:像素px不能有小数,因此刚才的24.3是不对的,需要归置一下
先打印一下speed,由于鼠标移入是正值,移出是负值
JavaScript运动框架——缓冲运动JavaScript运动框架——缓冲运动
因此可以做一下判断:如果speed>0
JavaScript运动框架——缓冲运动
这时候它停止就是300px
JavaScript运动框架——缓冲运动
那么如果speed<0,就会在0px停止
JavaScript运动框架——缓冲运动
JavaScript运动框架——缓冲运动
对if判断语句进行优化:(改为三目运算符更好)
JavaScript运动框架——缓冲运动
完整代码如下:

JavaScript运动框架——缓冲运动

相关文章: