jquery中如何控制动画同时进行不同时结束？

Question

求高手指点jquery中如何控制动画同时进行不同时结束？

Answer 1

$('#id').animate({width: 200}, 3000).animate({height: 400}, 6000);

Answer 2

var $obj = $('#id');
$obj.animate({width: 200}, 3000,function(){
    $obj.animate({height: 400}, 6000);
});试试看

Answer 3

$('#id').animate({width: 200}, 3000)
$('#id').animate({height: 400}, 6000);
直接这样写

Answer 4

试过了,不行如果只想改变DOM的属性的话可以把多个属性写在一起
$obj.animate({width: 200,height: 400,...}, 3000);
这样多个属性一起变就是同时变了

Answer 5

 $("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } )
     .animate( { fontSize: '10em' } , 1000 )
     .animate( { borderWidth: 5 }, 1000);queue Boolean(默认值: true) 设定为false将使此动画不进入动画队列 (jQuery 1.2中新增)实现同时开始