JQ animate动画

animate()是jq封装的一个方法，可以实现动画效果，拥有4个可设置的参数，基本语法如下：

$('#jq对象').animate('参数1','参数2','参数3','参数4');

animate参数：

参数一：要改变的样式属性值，写成字典（键值对）的形式
参数二：动画持续的时间，单位为毫秒，一般不写单位
参数三：动画曲线，默认为‘swing’，缓冲运动，还可以设置为‘linear’，匀速运动
参数四：动画回调函数，动画完成后执行的匿名函数

一个实例：

$('#div:first').animate({
	//这里写成 'width':'300px' 也可以
    width:300,
    height:300
},1000,'linear',function(){
    alert('动画完成！');
});

注意：

animate()是不能改变跟颜色有关的css属性的！