您的位置:首页 > Web前端 > JQuery

jQuery实现滚动公告练习

2016-07-18 17:09 441 查看
jQuery实现滚动公告练习,使用appendTo()方法将第一个子项移动到最后一个,单纯练习,不提倡此做法!



HTML:

<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>
<li>这种方式需要大量操作DOM,效率不高,不提倡</li>
</ul>


JQ:

setInterval(function(){
var newLi=$("ul>:first");
newLi.appendTo($("ul"));
//好粗暴,看看就好~
},2000);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery html