本文共 971 字，大约阅读时间需要 3 分钟。

定义和用法

animate()方法执行CSS属性集的自定义动画，该方法会将一个属性在指定或者默认的时间内从一个属性值变化到另一个属性值，由于属性值是逐渐变化的，所以就形成了所谓的动画效果。

方法参数

$(selector).animate(styles,speed,easing,callback)

styles：

styles用来设置对象属性值的目标值，即需要将属性值变成什么状态或者大小。设置格式需要写成字典的格式，即一个属性对应一个属性值，如果同时设置多个属性值，需要用逗号连接。如果属性值是数字型的，可以不加单位，如{“width”:100} 但是如果要加上属性值单位，就要将属性值用引号包起来，如{“width”:”200px”}

speed

speed就是速度、多快的意思，就是对象属性值从当前的状态转换到你设置的另一个状态的变化时间，支持数字类型和字符串两种类型，数字类型可以不用引号，直接写数字，单位是毫秒。字符串是固定值’fast’、’normail’、’slow’，如果不写，默认就是’normal’。

easing

easing是描述这个动画设一个怎样的运行过程，’linear’ 就是匀速的意思，即对象属性值从当前值变化到另一个值在固定的时间内是匀速变化的，而默认’swing’这个参数表示曲线形的运动模式，刚开始会慢慢运动，然后加速，最后减速

callback

callback是一个回调函数表示在动画执行完毕以后去调用的一个函数，用了这个回调函数，我们可以实现让动画往复运行，即在回调函数里面再把对象属性值设置为初始状态，再利用循环定时器，可以完成，下面会给大家附带一个动画代码，就是用这种思想实现的。

代码：

    
       
       
               
           
               
   
    life is short        
   

转载地址：https://blog.csdn.net/weixin_40612082/article/details/80455638 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！