jquery無縫滾動案例
html

<h3>最新動態(tài)</h3>
<div class="scrollNews" >
  <ul>
     <li><a href="#" class="tooltip" title="甜美寬松毛衣今秋一定紅.">甜美寬松毛衣今秋一定紅.</a></li>
     <li><a href="#" class="tooltip" title="秋裝百搭小馬甲不到50元.">秋裝百搭小馬甲不到50元.</a></li>
     <li><a href="#" class="tooltip" title="修身韓版小西裝萬人瘋搶.">修身韓版小西裝萬人瘋搶.</a></li>
     <li><a href="#" class="tooltip" title="夏末雪紡店主含淚大甩賣.">夏末雪紡店主含淚大甩賣.</a></li>
     <li><a href="#" class="tooltip" title="瑞麗都瘋狂推薦的秋裝.">瑞麗都瘋狂推薦的秋裝.</a></li>
     <li><a href="#" class="tooltip" title="48元長款針織小開衫賣瘋啦.">48元長款針織小開衫賣瘋啦.</a></li>
         <li><a href="#" class="tooltip" title="長袖雪紡衫單穿內(nèi)搭都超美.">長袖雪紡衫單穿內(nèi)搭都超美.</a></li>
  </ul>
</div>

分析

1眉菱，ul整體 向上慢慢的走一個(gè)li的高度（margin-top為負(fù)值）
2，ul的第一個(gè)li放到最后面
3拐格，ul整體突然快速margin-top：0僧免；

js

$(function(){
  var timeid;
  var h=$(".scrollNews ul li:eq(0)").outerHeight();//獲取li元素的高
    
  function move(){
        //1 ul整體 向上慢慢的走一個(gè)li的高度（margin-top為負(fù)值
        //最后一個(gè)function 是指 動畫執(zhí)行完畢后要做的函數(shù)
    $(".scrollNews ul").animate(
        {"margin-top":-h},
        500,
        function(){
            //2,ul的第一個(gè)li放到最后面
            var fi=$(".scrollNews ul li:eq(0)");
            $(".scrollNews ul").append(fi);
            //3,ul整體突然快速margin-top：0；
            $(".scrollNews ul").css("margin-top",0);
                timeid=setTimeout(function(){ move()},1500)
        }//回調(diào)函數(shù) 
    ); //animate ed
  }//move ed
   
  // 鼠標(biāo)放上ul停止動畫 鼠標(biāo)離開開始動畫
  $(".scrollNews").hover(function(){
    clearTimeout(timeid);
  },function(){
    move();
  }).trigger("mouseleave")
 //默認(rèn)自動觸下鼠標(biāo)離開   
})

css

*{ padding:0; padding:0;}
body{ padding:50px;}
ul,ol{ list-style:none;}
h3,div,ul,li,ol{ margin:0; padding:0;}
.global_module h3{
    height:35px;
    line-height:35px; 
    text-align:center; 
    background-color:#369; 
    color:#f6f6f6;
}
.news ul li{
    height:30px; 
    line-height:30px; 
    padding-left:15px;
    color:#666; border-
    bottom:1px dashed #d0d0d0; 
}
.scrollNews{
    height:150px; 
    overflow:hidden; 
    border: 1px solid red;
}
.news{ 
    width:220px;
    border:1px solid #36C;
}