jQuery--自定义动画.animate()

.animate()自定义动画

jQuery的.animate（）方法可以通过更改元素的css属性值来实现动画效果；但是它也有一个小小的遗憾，就是无法通过该方法设置颜色的相关属性；不过jQuery提供了有关颜色的相关插件。

语法：$("selector").animate({params},speed,easing,callback);
参数说明：

1. params：【必选】该属性包含动画的相关属性及属性值；
2. speed： 【可选】动画显示或隐藏的速度，单位毫秒；
3. easing： 【可选】设置动画速度的函数，可选参数为“linear”、“swing”；
4. callback：【可选】动画结束后执行的函数名；

$("box").animate({
   
	left:"220px",//前提是该元素设置了定位属性；
	top:"220px",
	width:"500px",
	height:"500px",
	marginTop:"100px"//margin-top,此处要配合js语法使用驼峰式写法；	
}，3000，function(){
   alert("动画结束了!");})

.animate（）动画队列功能

通过调用多个.animate()创建动画，jQuery会创建包含这些方法调用的队列，并且依次执行；

//盒子移动到右上角；
$("box").animate({
   
	left:"500px",
	top