最新のフィード

Question

でボックスをスクロールダウン私は、これらの3つのウェブサイトを見て撮影した：

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ツリーに追加します。 Loktarのバージョンに加えて

Answer 2

、これは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);