首页 > 其他 > 详细

滚动的公告实现

时间:2015-09-30 12:39:44      阅读:122      评论:0      收藏:0      [点我收藏+]
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);

 

滚动的公告实现

原文:http://www.cnblogs.com/talentzemin/p/4848783.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!