JQuery动画

JQuery提供了丰富的动画效果，可以轻松实现元素的显示/隐藏、淡入淡出、滑动以及自定义动画。

显示/隐藏

• hide(speed, callback)
• show(speed, callback)
• toggle(speed, callback)

参数分别是速度（毫秒）和完成时的回调函数。

淡入/淡出

• fadeIn(speed, callback)
• fadeOut(speed, callback)
• fadeToggle(speed, callback)
• fadeTo(speed, opacity, callback)

其中fadeTo的opacity为淡入淡出至给定透明度，取值0-1之间。

滑动

• slideDown(speed, callback)
• slideUp(speed, callback)
• slideToggle(speed, callback)

自定义动画

• animate({params},speed,callback);

params定义形成动画的CSS属性，CSS属性可以是多个，但必须是camelCase标记（如CSS的padding-left要写作paddingLeft），且核心库不提供颜色操作，speed是速度，callback是完成时回调。

$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });
});

动画队列

多次调用animate()就会按队列顺序执行，同理链式调用hide()，show()等也能得到相同效果。