Суть задачки Лабораторная работа создать анимацию сортировки массива...
все получается вот только проблема в том что последовательных перемещений добиться не получилось, все выполняется параллельно что не очень наглядно
с JS я на "вы", цель добиться последовательности действий в анимации
всю суть задачи можно свести к следующем коду
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
function create() {
var a=$("#xs0");
var b =$("#xs1");
var c= $("#xs2");
a.animate({left:String(a.position().left+100)+"px"},1000);
b.animate({left:String(b.position().left+200)+"px"},1000);
c.animate({left:String(c.position().left+300)+"px"},1000);
}
</script>
</head>
<body>
<input type="button" onclick="create()" value="dvigaem" />
<div style="position: absolute; line-height:0px;width: 1000px;height: 400px;background: #cccccc;">
<div id="xs0" style="position: absolute;top:00px;left:0px; width: 40px;height: 40px;background: #ff0000;" >1</div>
<div id="xs1" style="position: absolute;top:00px;left:0px; width: 40px;height: 40px;background: #00ff00;" >2</div>
<div id="xs2" style="position: absolute;top:00px;left:0px; width: 40px;height: 40px;background: #0000ff;" >3</div>
</div>
<script> create(); </script>
</body></html>
надо чтобы обекты двигались последовательно тоесть сначала 1-ый, после окончания второй , а после окончания движения 2-го - третий