jquery實現內容滾動

HTML代碼：

           <div class="scollNews">
             <ul>
               <li><a href="#">1</a></li>
               <li><a href="#">2</a></li>
               <li><a href="#">3</a></li>
               <li><a href="#">4</a></li>
               <li><a href="#">5</a></li>
               <li><a href="#">6</a></li>
               <li><a href="#">7</a></li>
               <li><a href="#">8</a></li>
               <li><a href="#">9</a></li>
               <li><a href="#">10</a></li>
             </ul>
           </div>

jquery代碼：

$(function(){
    var settime;
    $(".scollNews").hover(function(){
        clearInterval(settime);
    },function(){
        settime=setInterval(function(){
            var $first=$(".scollNews ul:first");     //獲取類名下的第一個ul
            var height=$first.find("li:first").height();      //獲取第一個li的高
            $first.animate({"marginTop":-height+"px"},100,function(){
                $first.css({marginTop:0}).find("li:first").appendTo($first);     //設置上邊距為零，為了下一次移動做準備
            });
        },1000);
    }).trigger("mouseleave");    //自動觸發元素的制定事件類型
})

註：只要修改動畫時間就可以控制滾動的速度。