Animation动画：

Posted 2020-07-18

$(selector).animate({params（参数）},speed（执行时间）,callback（回调函数）);

e.g:

$("button").click(function(){

  $("div").animate({left（名称）:‘250px‘（值）});

});

色彩动画并不包含在核心 jQuery 库中。

如果需要生成颜色动画，您需要从 jQuery.com 下载 Color Animations 插件。

.animate相对值（+=或者-=）

jQuery animate() - 使用队列功能：

Jquery会逐一加载下面的animate动画

$("button").click(function(){

  var div=$("div");

  div.animate({height:‘300px‘,opacity:‘0.4‘},"slow");

  div.animate({width:‘300px‘,opacity:‘0.8‘},"slow");

  div.animate({height:‘100px‘,opacity:‘0.4‘},"slow");

  div.animate({width:‘100px‘,opacity:‘0.8‘},"slow");

});