Jquery 自定义动画同步进行如何实现？

需求描述：我需要对不懂的两个HTML对象进行操作，同时开始动画，同时结束动画。

遇到问题：如果先后对连个对象进行 animate动画，那么第一个会先运行，等第一个运行完了运行第二个，这样就不同步了。

解决方法：使用 setTimeout()，每一个延时执行的方法是不会相互干预的。

 

代码

------------------------------------------------------------------

对一个HTML对象修改一种属性

 

$('#box').animate({height:400},500)

对一个HTML修改两种属性

$('#box').animate({height:400},500).animate({width:400},500);  //分先后执行
$('#box').animate({height:400,width:400},500);//同时执行

对多HTML对象修改多种属性

setTimeOut(fa,1000)
setTimeOut(fb,1000)
setTimeOut(fc,1000)
setTimeOut(fd,1000)

function fa(){

   $('#a').animate({height:400},500)

}

function fb(){

 $('#b').animate({height:400},1000)

}

function fc(){

 $('#c').animate({width:400},1000)

}

function fd(){

 $('#d').animate({width:400},800)

}

 

 

个人博客地址：http://blog.wxp123.me/  Jquery 自定义动画同步进行如何实现？

 

转载于:https://www.cnblogs.com/wangpg/p/4901032.html