您的位置:首页 > 其它

滚动的公告实现

2015-09-30 11:48 344 查看
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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: