J-Query Delay Animate
HTML Code
<div class="aaa"></div>
<div class="bbb"></div>
<div class="ccc"></div>
<div class="ddd"></div>
CSS Code
div{background-color:#98bf21; height: 80px; width: 80px; position: absolute;}
.aaa{top: 100px; left: -400px;}
.bbb{top: -100px; left: 200px;}
.ccc{top: -100px; left: 300px;}
.ddd{top: 100px; left: 1000px;}
jQuery Code
$(document).ready(function(){
var aa = $("div.aaa");
var bb = $("div.bbb");
var cc = $("div.ccc");
var dd = $("div.ddd");
aa.animate({left: '100px'});
bb.delay(1000).animate({top: '100px'});
cc.delay(2000).animate({top: '100px'});
dd.delay(3000).animate({left: '400px'});
});