滚动的公告实现

html:
 <div class="systemnotice" style="height: 23px; overflow: hidden; position: relative;">
            <ul style="position: absolute; top: 0; left: 0; padding-left: 45px; padding-top: 5px;">
                <li>第1行</li>
                <li>第2行</li>
                <li>第3行</li>
                <li>第4行</li>
                <li>第5行</li>
                <li>第6行</li>
            </ul>
        </div>

js:
setInterval(function () {
                var ul = $(".systemnotice ul");
                var li = ul.find("li:first");
                ul.animate({ "top": "-=23px" }, 1000, function () {
                    ul.append(li).css("top", 0);
                });
}, 3000);