首页 / JQUERY / jquery滚动公告demo

jquery滚动公告demo

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery滚动公告demo，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1181字，纯文字阅读大概需要2分钟。

内容图文

实现公告栏目循环的滚动效果，直接放代码：

            
                <!doctype html>
                <!--jq110-->
                <html>
                </body>
                </html>
                <head>
                <metacharset="utf-8">
                <title>tianzi  code</title><scripttype="text/javascript"src="jquery-2.1.3.min.js"></script><scripttype="text/javascript">
$(function(){
    setInterval(function(){var x=$("ul>:first").clone(true);
        $("ul").append(x);
        $("ul>:first").remove();
    }, 2000)
})
</script><styletype="text/css">
*{
    padding:0;
    margin:0;
}body{
    margin:50px;
}ul{
    list-style: none;
}li{
    height:30px;
    line-height:30px;
}</style></head><body><ul><li>第一条公告1</li><li>第二条公告2</li><li>第三条公告3</li><li>第四条公告4</li><li>第五条公告5</li><li>第六条公告6</li><li>第七条公告7</li><li>第八条公告8</li><li>第九条公告9</li><li>第十条公告10</li></ul></body></html>

技术分享

原文：http://blog.csdn.net/u011263845/article/details/45875425

内容总结

以上是互联网集市为您收集整理的jquery滚动公告demo全部内容，希望文章能够帮你解决jquery滚动公告demo所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1334396.html

来源：【匿名】