Плавное движение?
Релиб
Форумы       Участники    Календарь    Кто он-лайн?
Добро пожаловать, гость ( Вход | Регистрация )
        



Плавное движение? Expand / Collapse
Автор
Сообщение
21.12.2006 11:58
Forum Member

Forum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum Member

участник
Last Login: 23.03.2007 18:23
Сообщ.: 31, Visits: 88
Есть скрипт:

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


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


Только вот перемещается на 50 через 3 секунды, если "=" поставить, а если "+=", то не работает...
Сообщ. #909104
21.12.2006 13:20
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
В чем вопрос то?
Сообщ. #909106
21.12.2006 13:24
Forum Member

Forum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum Member

участник
Last Login: 23.03.2007 18:23
Сообщ.: 31, Visits: 88
Вопрос в том,как переписать или что подправить, что бы плавно двигался объект в div.
Сообщ. #909107
21.12.2006 15:37
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Примерно так можно поступить:

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);

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

Сообщ. #909113
21.12.2006 18:17
Forum Member

Forum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum MemberForum Member

участник
Last Login: 23.03.2007 18:23
Сообщ.: 31, Visits: 88
Спасибо громадное буду разбираться.
Сообщ. #909117
« пред. тема | след. тема »


Эту тему читают Expand / Collapse
Посетители: 0 (0 гостей, 0 участников, 0 скрыт.участников)
Сейчас нет участников, просматривающих тему.
Модераторы: Alexey, boombastik, bazile, pl

Время GMT +3:00, Сейчас 10:57