小喇叭--滚动条--跑马灯

html

<div class="top_fon">
    <ul>
        <li>新款运动入耳式蓝牙耳机</li>
        <li>第二条新闻第二条了</li>
        <li>第三条新闻第三条了第三条了</li>
        <li>第四条新闻第四条了第四条了第四条了</li>
    </ul>
</div>

js

function autoScroll(obj){
    $(obj).find("ul").animate({
        marginTop : "0"
    }, 400, function() {
        $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
    })
}

window. setInterval('autoScroll(".top_fon")', 1500);

 

转载于:https://www.cnblogs.com/yysbolg/p/8657183.html