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属性的!