Показать сообщение отдельно
  #1 (permalink)  
Старый 07.02.2012, 09:24
Новичок на форуме
Отправить личное сообщение для Adm123 Посмотреть профиль Найти все сообщения от Adm123
 
Регистрация: 07.02.2012
Сообщений: 5

Проблема с таймаутом...
Уважаемые форумчане, помогите, плз! Никак не пойму в чем проблема...

Я хочу, чтоб по клику мышки некий блок плавно переезжал с одного места на другое...

Вот код JS:
function MoveBlock(BlockID)
{
Block = document.getElementById(BlockID);
step = 10;
marg = parseInt(Block.style.marginLeft.replace("px", ""));
marg = marg+step;
if (marg < 300)
{
Block.style.marginLeft = marg + "px";
setTimeout(MoveBlock(BlockID), 1000);
}
}


И хтмл:
<div id="myblock" onClick="MoveMenu('myblock');" style="z-index: 2000; position: absolute; margin-left: 50px; left: 50px; top: 50px; width: 100px; height: 200px; background-color: #808080;">df</div>


Но при клике по нужному div-у он резко прыгает сразу на конечную позицию, плавного перемещения не происходит...
Ответить с цитированием