（第2讲）jQuery基本动画方法

http://www.jbxue.com/article/15278.html

基本动画方法：show()，hide() ;  fadeIn(),fadeOut()；slideUp(),,slideDown()

1，show()方法和hide()方法

$("selector").show() 

 从display:none还原元素默认或已设置的display属性

$("selector").hide() 

 设置元素的display样式为none，等于$("selector").css("display","none")

（注： 传入参数后，.show()和.hide()方法同时动画改变元素的width,height和透明属性；传入参数控制显隐速度，单位毫秒， 如.show(600)，也可传入fast,normal,slow，fast为200毫秒，normal为400毫秒，slow为600毫秒）

2，fadeIn()方法和fadeOut()方法

$("selector").fadeIn() 

 控制透明度在指定时间内从display:none提高至完全显示

$("selector").fadeOut() 

 控制透明度在指定时间内降低至display:none;

3，slideUp()方法和slideDown()方法

$("selector").slideUp() 

 控制元素高度在指定时间内从下到上缩短至display:none;

$("selector").slideDown() 

 控制元素高度在指定时间内从display:none延伸至完整高度

4，自定义动画方法animate()

$("selector").animate(style，speed, easting,callback); 

 style:一个包含样式属性及值的映射，比如{property1:"value1",property2:"value2",...}

 speed:速度参数，可选

easting：可选的欢动类型

 callback:在动画完成时执行的参数（即回调函数），可选

$("selector").animate({properies},{options});