2011-02-10 82 views

回答

4

它完成與JavaScript,你可以使用jQuery來使自己更容易。下面有一個簡單的例子

http://jsfiddle.net/tpmQj/

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

你可以使用一個超時或間隔,再加上一個Ajax請求,該民意調查數據庫,並返回新的結果等基本概念只是追加新項目到dom樹。

+0

這是相當整潔。 – 2011-02-10 05:33:38

+0

這是非常酷的,所以你必須設計一切,即框,等等......文本來自數據庫? – aherlambang 2011-02-10 05:36:12

4

除了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);