VPF::Движение DIV - Форум программистов

Fiyanov

Дата 4.11.2008, 08:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 255
Регистрация: 19.4.2007
Где: Kazakhstan->Te mirtau

Репутация: нет
Всего: 2

Код JS:

Код


<script language="JavaScript">
var d1 = document.getElementById("d1");
var sx = 0;
function Move()
{
sx = parseInt(d1.style.top);
sx = sx + 1;
d1.style.top=sx+"px";
document.title =" "+sx;
setInterval("Move();",1000);
}
</script>

Код HTML:

Код


<div id="d1"  style="width=100px; height=100px; background-color: #ffcc00; top=0;"></div>

хочу чтоб DIV плавно двигался вниз страницы но почему то переменная sx вместо увличения на один увеличиваеться в 2 раза... что не так?

--------------------

Web Module - создание сайтов и программного обеспечения на заказ

bars80080

Дата 4.11.2008, 11:25 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

потому что у тебя вызов цикличного интервала производится в его же функции. интервалы накладываются друг на друга и объект приобретает большую скорость

либо замени setInterval на setTimeout, либо вынеси его из функции

Fiyanov

Дата 4.11.2008, 11:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 255
Регистрация: 19.4.2007
Где: Kazakhstan->Te mirtau

Репутация: нет
Всего: 2

Спасибо!

--------------------

Web Module - создание сайтов и программного обеспечения на заказ

IDVsbruck

Дата 4.11.2008, 13:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 7
Всего: 22

А еще лучше поставь jQuery и делай все эти слайдинги в оду строчку - быстро, кроссбраузерно, просто.

Michael.de

Дата 4.11.2008, 18:43 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 4
Всего: 9

Fiyanov: если это не 'очепятка', то правильно так:

Код


<div id="d1"  style="width:100px; height:100px; background-color: #ffcc00; top:0;"></div>

P.S. хотя я бы написал:

Код


<div id="d1"  style="width:100px;height:100px;background-color:#FC0;top:0"></div>

Это сообщение отредактировал(а) Michael.de - 4.11.2008, 18:46

Fiyanov

Дата 22.12.2008, 13:39 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 255
Регистрация: 19.4.2007
Где: Kazakhstan->Te mirtau

Репутация: нет
Всего: 2

Нет не очепятка. Просто делал в IE там всё понимаеться. Но потом уже столкнулся с ":"

--------------------

Web Module - создание сайтов и программного обеспечения на заказ

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »