web前端：封装缓动(变速)动画---增加任意一个属性

作者:jane_panyiyun更新于： 2020-03-21 21:11:24

　　封装，即隐藏对象的属性和实现细节，仅对外公开接口，控制在程序中属性的读和修改的访问级别;将抽象得到的数据和行为(或功能)相结合，形成一个有机的整体，也就是将数据与操作数据的源代码进行有机的结合，形成"类"，其中数据和函数都是类的成员。

　　封装缓动(变速)动画---增加任意一个属性

　　1.本来的变速动画函数，是获取特定的属性(之前案例是向右移动，所以获取的是left属性)

　　2.现在改变为，获取任意一个属性，使其移动到指定的target，相当于在原animate(element,target)函数上，增加了一个属性，变为animate(element,attr,target)函数

　　3.改动一：在获取当前元素的位置，varcurrent，用getStyle来获取，因为得到的是字符串类型，包一个parseInt改为数字类型；

　　4.改动二：移动步数时候，元素的当前位置等于current+"px"，element.style.left更新为element.style[attr],特定的元素用任意元素取代

　　获得的效果：就是可以使任意元素的，任意一个样式属性，移动到指定的目标位置

　　attr位置，可以改为left，可以改为heigth,可以改为top，可以改为bgc....等等