Twitter 主页中的 jQuery "push down"列表

Question

我需要一个像 Twitter 主页一样的 jQuery 列表。这意味着，列出许多帖子，然后在 X 秒后，在列表顶部插入另一个帖子，产生效果，并将其余帖子向下推。

Answer 1

具体如何执行此操作取决于您要添加的内容。不过，作为基本原则，您可以遵循以下方法:

HTML:

<div id="container">
 <div>First item</div>
 <div>Second item</div>
</div>

Javascript:

$(document).ready(function(){
    setInterval(function(){
        $('<div>New item</div>').hide().prependTo('#container').slideDown('slow');
    },4000);
});

这将每 4 秒向容器顶部添加一个新的 div。添加后，它会逐渐向下滑动，并将现有的div相应地向下推。

如果您可以提供一些有关数据来源的信息，我可以建议您如何实现它。