jQuery中的动画

方法名	说明
hide（）和show（）	同时修改多个样式属性即高度、宽度和不透明度
fadeIn（）和fadeOut（）	只改变透明度
slideUp（）和slideDown（）	只改变高度
fadeTo（）	只改变不透明度
toggle（）	用来代替hide（）方法和show（）方法，所以会同时修改多个样式属性即高度、宽度和不透明度
slideToggle（）	用来代替slideUp（）方法和slideDown（）方法，所以只能改变高度
fadeToggle（）	用来代替fadeIn（）方法和fadeOut（）方法，所以只能改变不透明度
animate（）	属于自定义动画的方法，以上各种动画方法实质内部都调用了animate（）方法，此外直接使用
	animate（）方法还能自定义其他的样式属性，例如：“left”、“marginLeft”、“scrollTop”等

例子：

1：$("p").animate({height:"show", width:"show", opacity:"show"}, 400); 等价于：$("p").show(400);

2：$("p").animate({opacity:"show"},400);  等价于：$("p").fadeIn(400);

二：动画队列

（1）一组元素上的动画效果

当在一个animate（）方法中应用多个属性时，动画是同时发生的。

当以链式的写法应用动画方法时，动画是按照顺序发生的

（2）多组元素上的动画效果

默认情况下，动画都是同时发生的

当以回调的形式用用动画方式时（包括动画的回调函数和queue（）方法的回调函数），动画是按照回调顺序发生的。