JQ animate动画

1、animate（a,b,c,d）

  （1）a：运动的终点

  （2）b：持续时间                         （可选的）

  （3）c：缓冲 运动的轨迹（匀速）（可选的）

  （4）d：回调函数                           （可选的）

2、注意：

  （1）当把所有的元素封装到一个json时，则所有的元素同步执行

  （2）animate运动的终点必须封装为一个json的形式，即使只有一个参数

 $('.box').animate({'width': 400});

  （3）如果一个jq对象采用链式调用 animate 则动画按照绑定的顺序 依次执行

$('.box').animate({'width': 400}, 1000).animate({'height': 400}, 1000).animate({'left': 500,'top':200}, 1000)

  （4）如果对一个jq对象 分别绑定 animate 则动画按照绑定的顺序 依次执行

  （5）不同的jq对象执行animate时 两者是异步的 同时执行

  $('.box1').animate({'width': 400, 'height': 400, 'top': 400, 'left': 500});

  $('.box').animate({'width': 400}, 1000).animate({'height': 400},1000).animate({'left': 500,'top':200}, 1000)

  （6）jq能够改变的属性都是数值型的，比如width、height、font-size、opacity等