1. 程式人生 > >列表垂直向上迴圈滾動(每次滾動一條)

列表垂直向上迴圈滾動(每次滾動一條)

<ul id="Scroll">
   <li>1.多發發沙發沙發發防輻射服</li>
   <li>2.框架來軍軍軍軍綠軍綠軍綠軍</li>
   <li>3・一一飛灑發拉設計費垃圾粉拉資料弗利薩就發設計費</li>
   <li>4・吃吧吧是阿凡達沙發沙發上發大水發順豐</li>
   <li>5・是的法師法師法發順豐...</li>
   <li>6・了飛灑了發水立方律師費...</li>
   <li>7・法師法發順豐...</li>
   <li>8・圍牆外人DVD嘎達發</li>
   <li>9・大法師法師法吧的房電費 ;</li>
   <li>10・強而且二群翁群二群二群</li>
   <li>11・同仁堂圖騰薩大神分...</li>
   <li>12・飛灑付撒付是發發發發發付...</li>
   <li>13・解決沒,嗎,嗎,嗎,嗎,嗎,...</li>
   <li>14・踏踏他他他他他他...</li>
   <li>15・發發發發發付付付付付...</li>
   <li>16・嘎嘎嘎嘎嘎過過過過過過...</li>
   <li>17・柔柔弱弱若若若若若若若若...</li>
   <li>18・他他他他他他拖拖拖拖拖拖</li>
   <li>19・悽悽切切群群群群群群群群群;</li>
   <li>20・啊啊啊啊啊啊啊啊啊啊啊啊</li>
</ul>
$(document).ready(function() {
   //書訊快遞迴圈垂直向上滾動
   function movedome(){
      var margintop=0;//上邊距的偏移量
      var stop=false;
      setInterval(function(){
         if(stop==true){
             return;
         }
         $("#express").children("li").first().animate({"margin-top":margintop--},0,function(){
            var $li=$(this);
            if(!$li.is(":animated")){//第一個li的動畫結束時
              if(-margintop>$li.height()){
                 $li.css("margin-top","0px").appendTo($("#express"));
                 margintop=0;
              }
            }
         });
      },50);
   //滑鼠放到快遞資訊(ul)上時
   $("#express").hover(function(){
       $(this).css("cursor","pointer");
          stop=true;//停止動畫
       },function(){
           stop=false;//開始動畫
       });
   }
   movedome();
});