JQ animate动画

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/boonyaxnn/article/details/89458641

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等

猜你喜欢

转载自blog.csdn.net/boonyaxnn/article/details/89458641