在Android里面，动画有属性动画(Animation)、帧动画(FrameAnimator)、补间动画(TweenAnimator)等。那么在jQuery里面也同样有，只是它的表述不一样，貌似更加方便，比如，我要通过开关来控制<div>块的显示show()与隐藏hide()时，可以直接调用jQuery里面toggle()方法。且它的hide()与show()方法可以传入预定义参数（比如：slow,fast等）与时间（1000,单位为ms),回调函数等。

在jQuery里面，动画用animate()方法。通过此方法，我们可以自定义动画。

语法 $(selector).animator({params},speed,callback);

其中，

selector为选择器，上面已经讲过。

params: 定义动画的CSS属性，比如，位移，缩放，旋转等，不能省略

speed: 速度或时长，取：slow/fast/或ms，可省

callback: 动画结束后的回调函数。可省

示例 $("#btn1").click(function(){ $("div").animate({ left:'250px', height:'100px', width:'100px' }); });

注意：在CSS属性里面，属性的值也可以用相对值，让控件来做相对运动。用法：在值前使用 "+="(表示在原有基础上增加)或"-="(在原有基础上减少)

eg:

$("#btn1").click(function(){ $("div").animate({ left:'250px', height:'+=100px', width:'-=100px' }); });

在我们实际的项目开发中，可能有时要求实现组合动画，比如，先平移再边旋转边缩放等。那么这时这么多动画怎么实现呢？

在jQuery中，animate()实现了队列的功能，因此可以轻松实现多个animate()的调用。

比如：把块<div>快速向右平移200个像素后，再缓慢的把高度缩小为原来的100个像素，且增加块内字体的字号：

$("#btn1").click(function(){ var div = $("div"); div.animate({ right:'200px' },"fast"); div.animate({ height:'+=100px' fontSize:'3em' },"slow"); });

【备注】：今天还只学习到jQuery启动动画，下面再接着学jQuery停止动画等。