jQuery动画效果：

1.基本效果
show( ) 显示隐藏的元素
hide( ) 隐藏显示的元素
toggle( ) 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
参数：fast normal slow
指定时间 (6000)
时间后还可以指定回调函数 (1000,fn) 等动画结束，回调函数执行
width\height\opacity都在变化
jQuery有一个动画队列，对一个元素执行动画，jQuery将动画操作加入到队列；队列中会按照顺序全部执行，就是你点击多少次，它就会执行多少次。若不想这样，在前面加上.stop()。
2. 滑动效果
slideUp( ) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素
slideDown( ) 通过高度变化（向下增大）来动态地显示所有匹配的元素
slideToggle( ) 通过高度变化来切换所有匹配元素的可见性
slideUp( ).slideDown( ) 先隐藏再显示
slideUp( ).delay(2000).slideDown( ) 先隐藏等2秒再显示
参数：fast normal slow
指定时间 (6000)
时间后还可以指定回调函数 (1000,fn) 等动画结束，回调函数执行
height在变化
防止点多少次，执行都少次，同样是加.stop( )
3. 淡入淡出效果
fadeIn( ) 通过不透明度的变化来实现所有匹配元素的淡入效果，变出现
fadeOut( ) 通过不透明度的变化来实现所有匹配元素的淡出效果，变消失
fadeToggle( ) 通过不透明度的变化来开关所有匹配元素的淡入和淡出效果
参数：fast normal slow
指定时间 (6000)
时间后还可以指定回调函数 (1000,fn) 等动画结束，回调函数执行
opacity在变化
fadeTo(1000,.5) 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度。
参数1：时间，参数2：不透明度。fadeTo(1000,.5)意思是1秒把匹配的元素的透明度变成0.5
4. 自定义动画
隐藏：横向的slideUp。参数1：width的变化，参数2：时间，参数3：回调函数，把display变为none。
$(’#box’).animate({
       width: 0
}, 2000, function(){
       $(this).hide();
});
显示：横向的slideDown
$(’#box’).show().animate({
       width: “400px”
}, 2000);
横向的slideUp和横向的slideDown切换，方法1：
先判断是隐藏的还是显示的
if ($(’#box’).is(’:visible’)) {
       $(’#box’).animate({
              width: 0
}, 2000, function(){
       $(this).hide();
});
} else {
$(’#box’).show().animate({
       width: “400px”
       }, 2000);
}
横向的slideUp和横向的slideDown切换，方法2：
$("#box").animate({
       width: ‘toggle’
}, 2000)
总结：隐藏是先设置宽度，在回调函数中隐藏(把display变为none)。
显示是先显示(把display变为block)，再设置宽度。
切换的时候注意判断元素当前是显示的还是隐藏的，.is(’:visible’)返回的是true和false。切换的另外一种方法，width:'toggle’宽度可以自动变换。
5. 动画控制
stop() 停止动画，把元素上当前的动画全部停止
delay() 延迟执行
finish() 把动画快速完成