使用光滑效果从右侧插入DIV

时间:2011-11-17 16:01:30

标签: javascript animation html css-float

我想知道如何制作一个从屏幕右侧推入Divs的脚本。

这些Div是向右浮动的,所以如果一行中有太多,那么行上最长的一个(左边一个)会跳到下一行。

但我想要一个添加div的功能(就在屏幕之外)并将其推入屏幕。

有什么想法吗?

3 个答案:

答案 0 :(得分:0)

我建议你使用jQuery,然后你可以添加或附加某个容器

所以如果你想在开始时在一个容器中插入div

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

如果你想在最后添加

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

使用jQuery操作html要容易得多,而且不必为不同的浏览器更改代码。

答案 1 :(得分:0)

使用jQuery animate方法,这很简单:

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

我在这里给你做了一个演示:

http://jsbin.com/ububer

答案 2 :(得分:0)

为您制作了一个演示http://jsfiddle.net/rW5rC/3/

允许您在按钮单击时添加一个新元素,该元素在屏幕外开始隐藏并滑入。