各位 路过的大神们,帮我看一下,'文字行向上间歇滚动 ,鼠标悬停停止滚动'的效果,万分感谢!

各位 路过的大神们,帮我看一下,'文字行向上间歇滚动 ,鼠标悬停停止滚动'的效果,万分感谢!

第8个http://www.superslide2.com/demo.html

<html>
<body>
<style>
ui,li { 
list-style: none; 
} 
#scoreNews{ 
height: 76px; 
overflow: hidden; 
} 
</style>
<div id="scoreNews"> 
<ul> 
<li><a href="#" title="我">我</a></li> 
<li><a href="#" title="要">要</a></li> 
<li><a href="#" title="成">成</a></li> 
<li><a href="#" title="大">大</a></li> 
<li><a href="#" title="神">神</a></li> 
<li><a href="#" title="啦">啦</a></li> 
<li><a href="#" title="啦">啦啦</a></li> 
</ul> 
</div>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">

    $(function() { 
            var $this = $("#scoreNews"); 
            var scrollTimer; 
            $('ul').hover(function() { 
            clearInterval(scrollTimer); 
        }, function() { 
                scrollTimer = setInterval(function() { 
                scrollNews($this); 
            }, 2000); 
    }).trigger("mouseleave"); 

    function scrollNews(obj) { 
        var $self = obj.find("ul"); 
        var lineHeight = $self.find("li:first").height(); 
        $self.animate({ 
        "marginTop": -lineHeight + "px" 
    }, 500, function() { 
    $self.css({ 
    marginTop: 0 
    }).find("li:first").appendTo($self); 
    }) 
    } 
    })
    </script>
</body>
</html>