Как-то так?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
div.row { position: relative; zoom: 1; overflow: hidden; }
div.cell { float: left; border: 1px solid #88f; width: 50px; height: 50px; overflow: hidden; }
</style>
</head>
<body>
<script>
(function() {
var cells = [], route = [13,8,7,12,17,18,19,14,9,4,3,2,1,6,11,16,21,22,23,24,25,20,15,10,5],
pos = 0;
var img = document.createElement('IMG');
img.src = 'http://javascript.ru/forum/cat/list/js.gif';
img.style.cssText = 'width: 50px; height: 50px; border: 0;';
(function() {
for (var j = 0; j < 5; ++j) {
var r = document.createElement('DIV');
r.className = 'row';
document.body.appendChild(r);
for (var i = 0, e; i < 5; ++i) {
e = document.createElement('DIV');
e.className = 'cell';
r.appendChild(e);
cells.push(e);
}
}
})();
var timer = window.setInterval(function() {
var e;
if (pos) cells[route[pos - 1] - 1].removeChild(img);
cells[route[pos++] - 1].appendChild(img);
if (pos >= route.length) window.clearInterval(timer);
}, 200);
})();
</script>
</body>
</html>