javascript">    ui,li {
        list-style: none;
    }
    #news{
        height: 175px;
        overflow: hidden;
    }

     <div id="news">
        <ul>
         <li>
              白天极限挑战
        </li>
        <li>
              晚上挑战极限
        </li>
        <li>
              我就是肾虚公子罗志祥
        </li>
        </ul>
        </div>

    $(function() {
        var $this = $("#news");
        var scrollTimer;
        $this.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"
            }, 600, function() {
                $self.css({
                    marginTop: 0
                }).find("li:first").appendTo($self);
            })
        }
    })