向下滚动包含最新Feed的框

Question

我看过这三个网站：

www.foursquare.com www.untappd.com www.getglue.com

正如您所看到的，主页面向下滚动了最近的活动框。 我如何创建这样的东西？

这是jquery还是什么？

Answer 1

用javascript完成，你可以使用jquery让自己更轻松。下面是一个简单的例子

http://jsfiddle.net/tpmQj/

$(function(){
    setInterval(function(){
                  $("#wrapper").prepend($("<li>A new item</li>").hide().fadeIn());
    }, 4000); 
});

您可以使用超时或间隔，以及ajax请求，轮询数据库并返回新结果等。基本概念是将新项目附加到dom树。

Answer 2

除了Loktar的版本，这更类似于4square：http://www.jsfiddle.net/8ND53/

var newitem = function(){
    var item = $('<div>')
        .addClass('item')
        .css('display','none')
        .text('This is a brand new item')
        .prependTo('#scroller')
        .slideDown();
    $('#scroller .item:last').animate({height:'0px'},function(){
        $(this).remove();
    });
}

setInterval(newitem, 2000);