从顶端插入,滚动展示（Demo）：

新闻滚动，从顶端插入：
<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script>

$(document).ready(function(){

 var $this = $(".scrollNews");

            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").before('<li><a href="#" class="tooltip" title="夏末雪纺店主含泪大甩卖.">夏末雪纺店主含泪大甩卖.</a></li>');

                })

            }

});

</script>

</head>

<body>

<div class="scrollNews"  >

<ul id="p1">

<li><a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a></li>

<li><a href="#" class="tooltip" title="秋装百搭小马甲不到50元.">秋装百搭小马甲不到50元.</a></li>

<li><a href="#" class="tooltip" title="修身韩版小西装万人疯抢.">修身韩版小西装万人疯抢.</a></li>

<li><a href="#" class="tooltip" title="夏末雪纺店主含泪大甩卖.">夏末雪纺店主含泪大甩卖.</a></li>

<li><a href="#" class="tooltip" title="瑞丽都疯狂推荐的秋装.">瑞丽都疯狂推荐的秋装.</a></li>

<li><a href="#" class="tooltip" title="48元长款针织小开衫卖疯啦.">48元长款针织小开衫卖疯啦.</a></li>

<li><a href="#" class="tooltip" title="长袖雪纺衫单穿内搭都超美.">长袖雪纺衫单穿内搭都超美.</a></li>

</ul>

</div>

</body>

</html>
巴特西

从顶端插入,滚动展示（Demo）：

最新文章

热门文章
