twitter风格更新

时间:2010-10-04 19:12:18

标签: jquery css

如何创建此效果,看起来新插入的更新显示在堆栈顶部并将其余部分向下推?这是在twitter主页上完成的。

更新

如果不清楚,我试图了解uipdates部分如何使用平滑滚动效果(包括动画)进行动画和更新的整体效果。

1 个答案:

答案 0 :(得分:4)

请阅读 How to Ask


<强> UDPATED:

// The following code is untested.
// But should give you an idea of how it could be done.
var container = $("#tweetContainer"),
    speed = 250;

$("<div class='tweet'>1 new tweet</div>")
    .hide()
    .prependTo(container)
    .show(speed);

container.children(".tweet")
    .eq(-1)
    .hide(speed, function(){
        $(this).remove();
    });