妙味妙味学堂运动类特效.pptxVIP

运动基础运动基础让Div运动起来速度——物体运动的快慢运动中的Bug不会停止速度取某些值会无法停止到达位置后再点击还会运动重复点击速度加快匀速运动速度不变

运动框架及应用运动框架在开始运动时，关闭已有定时器检测停止条件和执行运动对立(if/else)运动框架实例例子1：淡入淡出的图片用变量存储透明度例子2：“分享到”侧边栏

缓冲运动摩擦运动逐渐变慢，最后停止缓冲运动与摩擦力的区别:可以精确的停到指定目标点距离越远速度越大速度由距离决定速度=(目标值-当前值)/缩放系数Bug：速度取整值取整例子：一个Div，鼠标移入变宽

多物体运动多个物体同时运动例子：多个Div，鼠标移入变宽单定时器，存在问题每个Div一个定时器例子：多个图片淡入淡出

任意值运动框架支持不同属性，能让某个值运动起来用currentStyle代替offset运动属性作为参数封装opacity给属性默认值

本课知识点练习记住缓冲公式理解什么是运动框架和运动框架的格式

本课练习1.淡入淡出图片2.右键菜单淡入淡出3.点击方块跟随4.分享5.幻灯片（上下）||(左右)6.淘宝幻灯片（渐变）