详解jQuery动画

jQuery有其内置的动画，还有自定义动画。

一、jQuery的内置动画

1.显示、隐藏 、显示或隐藏

$(当前元素).hide(speed.callback) //隐藏
$(当前元素).show(speed.callback) //显示
$(当前元素).toggle(speed.callback) //显示或隐藏
speed参数规定参数隐藏和显示的速度，毫秒（1秒等于1000毫秒）
callback参数：是隐藏或显示完成后执行的函数名称

下面的内置动画和显示，隐藏，显示或隐藏用法类似。

效果：

2.上拉、下拉、上拉或下拉

$(当前元素).slideUp(); //上拉
$(当前元素).slideDown(); //下拉
$(当前元素).slideToggle(); //上拉或下拉

效果：

3：淡出、淡入、淡出或淡入（为了观察的更加仔细，我这里的参数设置为2000毫秒，大家可根据需要来添加）

$(当前元素).fadeOut(); //淡出
$(当前元素).fadeIn(); //淡入
$(当前元素).fadeToggle(); //淡出或淡入

效果：

4.透明度
fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。例如0.5的透明度

效果：

二、jquery的自定义动画
提供了annimate()方法
参数1 params：一组包含作为动画属性和终值的样式属性和及其值的集合
参数2 options：一组包含动画选项的值的集合。

效果：