jQuery animate()——CSS属性集自定义动画

animate() 方法执行 CSS 属性集的自定义动画。

该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

(selector).animate({styles},speed,easing,callback)

styles：规定产生动画的属性集

speed：规定动画的速度

easing：规定在动画中不同点元素的速度。默认值是“swing”

              “swing”：在开头结尾移动慢，在中间移动快

               “linear”：匀速运动

例子：文本逐渐显现

$(".quote-text").animate({
          opacity: 0
        }, 500,
        function() {
          $(this).animate({
            opacity: 1
          }, 500);
          $('#text').text(r.quote);
        });