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) }