欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQ animate动画

程序员文章站 2024-03-25 11:23:40
...

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等