jQuery实现滚动公告练习

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);