js文字上下滚动效果

前端 2019-03-06

循环显示文本

<div id="scroll" >
    <ul class="newsList">
       <li><a href="#">js文字滚动</a></li>
       <li><a href="#">js文字滚动</a></li>
       <li><a href="#">js文字滚动</a></li>
    </ul>
</div>
$(document).ready(function () {
     setInterval('AutoScroll("#scroll")', 3000);
});

function AutoScroll(obj) {
    $(obj).find("ul:first").animate({
        marginTop: "-40px" 
    }, 500, function () {
        $(this).css({
            marginTop: "0px"
        }).find("li:first").appendTo(this);
    });
}