jquery实现新闻滚动效果

html代码：

<ul id="news-list">
    <li>新闻标题1</li>
    <li>新闻标题2</li>
    <li>新闻标题3</li>
</ul>

js代码：

$(function(){
    var height = $("#news-list li").first().innerHeight();
    function roll() {
        var li_clone = $("#news-list li").first().clone();
        $("#news-list li").first().animate({marginTop: -height}, 1000, function() {
            $(li_clone).appendTo($("#news-list"));
            $(this).remove();
        });
    }
    var timer = setInterval(roll, 1000);
});

关键词：jquery滚动
所属分类：代码片段
本文地址：https://me.i-i.me/article/69.html