Дошел я до такого нагромождения. С моими представлениями о JS должно работать. Но! Вообще не работает. Либо синтаксическая ошибка либо я просто чего не знаю. Все операции вроде простые. Дорогие гуру, подскажите.
<html>
<head>
</head>
<body>
<span id="a" style="position: relative">с</span><span id="b" style="position: relative">с</span><span id="c" style="position: relative">ы</span><span id="d" style="position: relative">л</span><span id="e" style="position: relative">к</span><span id="f" style="position: relative" onClick="move()">а</span>
<script>
var obj;
var i;
function move()
{
for (i = 0; i < 7; i++)
{
switch(i)
{
case 0: obj = document.getElementById("a");
break;
case 1: obj = document.getElementById("b");
break;
case 2: obj = document.getElementById("c");
break;
case 3: obj = document.getElementById("d");
break;
case 4: obj = document.getElementById("e");
break;
case 5: obj = document.getElementById("f");
break;
}
var x;
function mov()
{
if(x < 100)
{
x = x + 2;
s = x + "px";
obj.style.left = s;
setInterval("mov()", 100);
}
}
}
}
</script>
</body>
</html>