html+js实现跑马灯效果

[TOC]

1, html

<div id="nav" style="height:20px;overflow:hidden;">
        <ul>
            <li style="height:20px">第一条</li>
            <li style="height:20px">第二条</li>
        </ul>
    </div>

2, js

setInterval(function() {
            $("#nav").find("ul").animate({"marginTop":"-20px"},200,function() {
                $(this).css({'marginTop':'0px'}).find("li:first").appendTo(this)
            })
        },2000)
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。