Релиб / Веб-программирование / JavaScript / Плавное движение? / Latest Posts

RE: Плавное движение?

repz — Thu, 21 Dec 2006 18:17:42 GMT

Спасибо громадное буду разбираться.

RE: Плавное движение?

bazile — Thu, 21 Dec 2006 15:37:51 GMT

Примерно так можно поступить:

[code]function dd()
{
var f = document.getElementById("f");
var x = parseInt(f.style.left);
x += 5;
f.style.left = x + "px";
if (x>500) clearInterval(t);
}
var t = setInterval("dd()", 30);[/code]

Так как значения CSS хранятся как строки, то для изменения координат надо сначала строку привести к числу. Для плавного движения нужно двигать блок более мелкими шагами, через более быстрые интервалы времени. Обрати также внимание на использование document.getElementById вместо document.all. Последняя конструкция работает только в IE и Opera.

RE: Плавное движение?

repz — Thu, 21 Dec 2006 13:24:10 GMT

Вопрос в том,как переписать или что подправить, что бы плавно двигался объект в div.

RE: Плавное движение?

bazile — Thu, 21 Dec 2006 13:20:45 GMT

В чем вопрос то?

Плавное движение?

repz — Thu, 21 Dec 2006 11:58:12 GMT

Есть скрипт:

[code]function dd(){
document.all.f.style.left+="50";}
T=setTimeout("dd()",3000);[/code]

[code]<DIV id="f" style="position:absolute; width:100; height:40; left:10; top:2; Z-index">;
.....
</DIV>[/code]

Только вот перемещается на 50 через 3 секунды, если "=" поставить, а если "+=", то не работает...