Question

有几个相同div我想让它们依次执行相同动画！jquery改怎么处理呢，用for循环嘛

<div id="container">
<div class="content">1111</div>
<div class="content">2222</div>
<div class="content">3333</div>
<div class="content">4444</div>
<div class="content">5555</div>
<div class="content">6666</div>
<div class="content">7777</div>
<div class="content">8888</div>
<div class="content">9999</div>
</div>
让1执行完再让2开始，依次类推！

Answer 1

　　用jquery队列

　　var FUNC=[
　　function() {$(".content:eq(0)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(1)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(2)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(3)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(4)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(5)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(6)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(7)").animate({marginLeft:"100px"},aniCB);},
　　function() {$(".content:eq(8)").animate({marginLeft:"100px"},aniCB);},
　　function(){alert("动画结束")}
　　];
　　var aniCB=function() {
　　$(document).dequeue("myAnimation");
　　}
　　$(document).queue("myAnimation",FUNC);
　　aniCB();

追问

我是把动画写在css中的，不能使用eq方法

追答

你要是用css写动画的话 动画有延时的 animation-delay 这个属性 每个执行的时候多增加点时间就行了

Answer 2

$("div.content1").animate({left:'100px'});
$("div.content1").animate({fontSize:'3em'});
$("div.content2").animate({left:'100px'},300);
$("div.content2").animate({fontSize:'3em'},300);
$("div.content3").animate({left:'100px'},600);
$("div.content3").animate({fontSize:'3em'},600);
最后这个数字是毫秒，可以自己调节

追问

div内的class是相同的，动画也是相同的~！比如我把动画写在了class：content里面！怎么才能让它们依次执行呢！

追答

你可以给div加个ID，做个唯一标识。。。然后逐个定位。。。不过我就知道这个方法，其他的就不知道了。。。