Octane,
У объекта style есть свойство pixelTop.
777,
Я поменял задержку на 25 миллисекунд. Для лучшей плавности перехода, поэкспериментируйте с этим показателем.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var vr2; // Необходимая глобальная переменная, чтобы вовремя остановить задержку
function moveTxt() {
var vr1 = document.getElementById("ani1"); // Ссылка на объект
var x = parseInt(vr1.style.top); // Переменная, которая будет менять расстояние от родительского элемента (сверху по оси х)
x++; // Приращение
vr1.style.top = x + "px"; // Новая координата
if(vr1.style.top == 500 + "px") { //Если расстояние от родительского элемента равно 500 пикселей (сверху по оси х), то задержка останавливается
clearInterval(vr2);
}
}
function setI() {
vr2 = setInterval("moveTxt()", 25); // Задержка
}
</script>
</head>
<body onLoad="setI()">
<div id="ani1" style="position:absolute;left:10px;top:10px">Text ... on the go!</div>
</body>
</html>