[JS思路]运动框架思路

均速运动的思路:

1、先清除动画,再加载动画

2、方向dir有正值和负值,可以通过

  当前值 > 目标值  往左移动,即负数

  当前值 < 目标值  往右移动,即正数

  来进行判断:dir = 当前值>目标值 ? -dir : dir;

  speed = 当前值+方向dir

3、如果speed>=目标点,可以将speed=目标点,并清除动画。

  speed>=目标点 && dir>0  || speed<=目标点 && dir<0  来判断

4、如果需要做opacity的动画,需要设定一个变量进行操作(方向同上)

     opacity:1;

  filter:alpha(opacity:100);  IE9以下不支持

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。