1、封装函数的使用function animate(obj,target,callback){}
定时器的使用
2、缓慢的动画效果 (目标位置-现在位置)/10来实现
3、直到目标位置与走的函数位置相同时,就停止,否则继续走
4、因为点击按钮的次数越多,span盒子就走的越快,所以需要清除上一个定时器 即在封装函数的下面 ,设置一个清除定时器
4、回调函数的使用。当span位置在800px像素时,需要盒子变换颜色,即在封装函数后面添加回掉 callback 如果到达800px盒子变换颜色 即在800像素的盒子触发事件中调用函数callbcack 值得注意的是,callback需要放在定时器结束的位置。
相关文章: