Вставка DIVs справа с гладкими эффектами

Question

Мне было интересно, как сделать сценарий, который выдвигает Div в правой части моего экрана.

Эти элементы Div плавают вправо, поэтому, когда в одном ряду слишком много записей, один из них, самый длинный в ряду (один слева), переходит в следующий ряд.

Но я хочу функцию, которая добавляет div (только за пределами экрана) и выталкивает его на экран.

Есть идеи?

Answer 1

Используйте метод jQuery animate, это очень просто сделать:

$("div").animate({
   left: 200
});

Я сделал вам демо здесь:

http://jsbin.com/ububer

Answer 2

Макет для вас демо http://jsfiddle.net/rW5rC/3/

Позволяет добавлять новый элемент при нажатии кнопки, который запускает невидимый закадровый экран и вставляется.

Answer 3

Я предлагаю вам использовать jQuery, тогда вы можете добавить или добавить определенный контейнер

, поэтому, если вы хотите вставить div в один контейнер в начале, используйте

$('#id_of_container').prepend('<div class="left">my div</div>');

если вы хотите добавить его в конце

$('#id_of_container').append('<div class="left">my div</div>');

гораздо проще манипулировать html с помощью jQuery, и вам не нужно менять код для разных браузеров.