JQuery->自定义动画的运行

首先，JQuery中使用animate方法来对指定元素运行自定义动画，这里说一下什么是“自定义动画”，其实自定义动画就是设计一个自己想要的看到的动画。

其次，学习它的语法，和其它编程语言一样都有个自的语法；

          animate（params ,  [duration],[easing],[callback]）

          animate(params,options)

          //  这里是参数说明

         （1）params:指定从当前元素的显示状态到动画动作后的显示状态。一般以属性类型的形式指定设置的值，并用｛｝括起来。不能指定非数字的Style属性，如果从width:120px变到width:300px，则在params中指定后者。可以指定hide,show,toggle,还可以使用PX，em和%等值的单位。在值前加上“+=”或“-=”，可以从当前位置移动到增减后的位置。

           （2）duration：指定slowl，normal和fast之一，或者以微妙为单位指定动画的结束时间。

            （3）easing：指定linear和swing之一的easing名。

           （4）callback：指定动画结束时执行的函数。

 （5）options:在大括号｛｝中指定duration easing complete step queue;

(6)complete:指定动画结束时执行的函数；

（7）step:指定动画运行时调用每幀的方法；

（8）queue：指定是否按队列中的顺序执行，初始值为ture,指定False后立即执行。

最后，举个小豆子；

部分HTML代码:
                               <button id="dou">提交</button>
                             <p id="test">按下按钮后开始设计的动画</p>

JavaScript代码：$(function(){
$("button#dou").click(function(){
$("p#test") 
.animate({width:'35px'})
.animate({height:'35px'},1000)
.animate({opacity:0.5})
.animate({width:300},2000)
.animate({height:30},function(){
$(this).html("你设计的动画结束");        
                              })
  
  
  });
    });