jQuery动画方法总结

              

jQuery动画方法总结

show()和 hide()	显示和隐藏，同时修改高度、宽度和不透明度
fadeIn()和fadeOut()	只改变不透明度
slideUp()和slideDown()	只改变高度
fadeTo()	只改变不透明度 ，fadeTo(time,opacityProportion)
toggle()	用来替代hide()和show()方法，因此会同时修改高度、宽度和不透明度
slideToggle()	用来替代slideUp()和slideDown()方法，因此只改变高度
fadeToggle()	用来替代fadeIn()和fadeOut()方法，因此只改变不透明度
animate()	属于自定义动画方法，以上各种动画方法实质内部都调用了animate()方法，另外直接用animate()方法还能自定义其它样式是属性，如"left","marginLeft","scrollTop"

       在animate()方法中，height,width,opacity等这些特定样式的属性可以为"show","hide","toggle",也可以是自定义的数字(值)，如此animate()可以替代上述其它所有的动画方法

(1) animate()替代show()方法

$("div").animate({width:"show",height:"show",opacity:"show"},200);

等价于：$("div").show(200);

(2) animate()替代slideDown()方法

$("div").animate({height:"show"},200);

等价于：$("div").slideDown(200);

(3) animate()替代fadeIn()方法

$("div").animate({opacity:"show"},200);

等价于：$("div").fadeIn(200);

(4) animate()替代fadeTo()方法

$("div").animate({opacity:"0.6"},200);

等价于：$("div").fadeTo(200,0.6);