cars

<html>
<head>
<style>
.car
{
background-color:gray;
width:10px;
height:10px;
}
</style>
</head>
<body onload="">
<script>
var cars = new Array();
function CreateCars(){
     var number = cars.length;
     writting('<div id="car' + number + '"><table class="car"><tr><td></td></tr></table></div>');
     cars[number] = document.getElementById('car' + number);
     cars[number].style.position = "absolute";
     cars[number].style.top = "100px";
     cars[number].style.left = number*100 + "px";
     space[number] = 0;
}
var space = new Array();
function sta(){

for (i=0;i<space.length;i++){
var car = document.getElementById('car' +i);
car.style.left = i*100 + "px";
car.style.top= space[i]*10 + "px";
space[i] = space[i]+1;
}

setTimeout('sta();', 1000);
}
function writting(text){
      document.getElementById('edspace').innerHTML = document.getElementById('edspace').innerHTML + text;
}
</script>
<input type="button" value="add" onclick="CreateCars();" >
<input type="button" value="move" onclick="sta();">
<table class="car"><tr><td></td></tr></table>
</div>
<x id="edspace"></x>
</body>