<div style="position:absolute; top:0;left:0;">olo</div>
<script src="http://yandex.st/jquery/1.6.3/jquery.min.js"></script>
<script>
$("div").animate({top:100}, 1000).animate({left:300}, 1000)
</script>
если же элементов несколько, то надо делать через отложенные вызовы
<div style="position:absolute; top:0;left:0;padding:5px;border: 2px green solid" id="a">A</div>
<div style="position:absolute; top:0;left:0;padding: 5px; border: 2px red solid;" id="b">B</div>
<script src="http://yandex.st/jquery/1.6.3/jquery.min.js"></script>
<script>
$("#a").animate({top:100}, 1000).animate({left:300}, 1000,"linear", function(){
$("#b").animate({top:100}, 1000).animate({left:300}, 1000)
});
</script>
в мануалах всё написано