輪播小程式// 訊息輪播 var scoller = 10; var scrollTimer_top = null; infoAnimate_top(); function infoAnimate_top(){ if (scrollTimer_top == null) { scrollTimer_top = setTimeout(infoAnimate_top, 1000); return false; } $('#countList li:eq(0)').animate({'opacity':0},550); $('#countList').animate({ 'top': scoller + 'px' }, 700, function(){ $('#countList li:eq(3)').css('opacity',1); $('#countList li:last-child').clone().hide().prependTo('#countList').fadeIn(); $('#countList li:last-child').remove(); $('#countList').css('top', 0); if (scrollTimer_top != undefined) { clearTimeout(scrollTimer_top); } scrollTimer_top = setTimeout(infoAnimate_top, 8000); }); }
HTML用 <ul>
記得設成 display:none;