animate()：方法执行 CSS 属性集的自定义动画
该方法通过CSS样式将元素从一个状态改变为另一个状态。
注意：只有数字值可创建动画（比如"margin:30px"）。字符串值无法创建动画。
语法：
单独： (selector).animate({styles},speed,easing,callback);
styles：必需。规定产生动画效果的一个或多个 CSS 属性/值。
speed：可选。规定动画的速度
easing：可选。规定在动画的不同点中元素的速度。默认值是 “swing”。
callback：可选。animate 函数执行完之后，要执行的函数
多个： (selector).animate({styles},{options});
$('div').animate({多个属性},时间毫秒,速度,回调函数);
例：$('div').animate({width:100,height:100},5000,"linear");
示列：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="../js/jquery.js" type="text/javascript"></script>
<style type="text/css">
div{
width:100px;
height:100px;
position:relative;
background:red;
}
</style>
</head>
<body>
<script type="text/javascript">
$(function(){
aa();
function aa()
{
$('div').animate({left:500,width:200,height:200},3000,'linear');
$('div').animate({top:300,},3000,'linear');
$('div').animate({left:0,},3000,'linear');
$('div').animate({top:0,width:100,height:100},3000,'linear',aa);
}
})
</script>
<div></div>
</body>
</html>