從光滑的效果插入DIV

Question

我想知道如何製作一個腳本，從屏幕右側推入Div。

這些Div是浮動的，所以當一行上有太多的時候，這個行上最長的一個（左邊一個）跳到下一行。

但我想添加一個div（在屏幕之外）並將其推入屏幕的功能。

任何想法的？

Answer 1

嘲笑了演示給你http://jsfiddle.net/rW5rC/3/

允許您在點擊按鈕時添加一個新元素，該元素開始隱身在屏幕外並滑入。

Answer 2

我建議你使用jQuery，那麼你就可以前面或後面附加某些容器

所以如果你想在一開始使用

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

，如果你想添加它在一個容器中插入DIV在末尾

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

它更容易操作與jQuery的HTML，你不必改變你的代碼爲不同的瀏覽器。

Answer 3

使用jQuery animate方法，這是很簡單的事：

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

我給你做一個演示在這裏：

http://jsbin.com/ububer