2013年6月24日 星期一

jQuery 輪播小程式

// 訊息輪播
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;