jquery滚动条 jquery实现内容滚动

HTML代码：

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

jquery代码：

$(function(){
    var settime;
    $(".scollNews").hover(function(){
        clearInterval(settime);
    },function(){
        settime=setInterval(function(){
            var $first=$(".scollNews ul:first");     //获取类名下的第一个ulvar 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");    //自动触发元素的制定事件类型})

注：只要修改动画时间就可以控制滚动的速度。