我在這三個網站採取一看滾動下拉框:與最近的飼料
www.foursquare.com www.untappd.com www.getglue.com
,你可以看到主界面有向下滾動最近的活動框。 我該如何創建類似的東西?
這是jQuery或什麼?
我在這三個網站採取一看滾動下拉框:與最近的飼料
www.foursquare.com www.untappd.com www.getglue.com
,你可以看到主界面有向下滾動最近的活動框。 我該如何創建類似的東西?
這是jQuery或什麼?
它完成與JavaScript,你可以使用jQuery來使自己更容易。下面有一個簡單的例子
$(function(){
setInterval(function(){
$("#wrapper").prepend($("<li>A new item</li>").hide().fadeIn());
}, 4000);
});
你可以使用一個超時或間隔,再加上一個Ajax請求,該民意調查數據庫,並返回新的結果等基本概念只是追加新項目到dom樹。
除了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);
這是相當整潔。 – 2011-02-10 05:33:38
這是非常酷的,所以你必須設計一切,即框,等等......文本來自數據庫? – aherlambang 2011-02-10 05:36:12