2010-04-27 3 views
0

скользящий div с использованием javascriptперемещение div по горизонтали?

У меня есть три div с некоторым контентом. Мне нужно, чтобы div перемещался один за другим. перемещение по горизонтали ДИВА

любой идея ..

+4

Вводите больше вопросительных знаков в названии !!!!! – fig

+1

Вам следует рассмотреть возможность использования jQuery вместо кодирования в простом javascript. Особенно, если вы хотите, чтобы divs переместились на новое место, а не «прыгали» туда мгновенно. –

ответ

3

Вы должны иметь, чтобы установить положение = абсолютные, а затем установить й и у для дел. Вы можете изменить свои x и y внутри javascript. Существует множество доступных скриптов для раздвижных.

1

Может быть сделано так:

// Moving the element to the 200 x 200 coordinate relative to 
// the parent element, WITHOUT JQUERY 

var elementStyles = document.getElementById("someDiv").style; 
elementStyles.position = "absolute"; 
elementStyles.top = 200 + "px"; 
elementStyles.left = 200 + "px"; 

// Moving the element to the 200 x 200 coordinate relative to 
// the parent element, WITH JQUERY 

$("#someDiv").animate({ 
    top: 200 + "px", 
    left: 200 + "px" 
}); 

// If the position should be changed relative to the current position, 
// add a `"+=" +` in front of `200` in the jQuery script, like this: 

left: "+=" + 200 + "px" 
Смежные вопросы