zoukankan      html  css  js  c++  java
  • 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);
    

      

  • 相关阅读:
    2014第16周六
    2014第16周五
    2014第16周四
    2014第16周三CSS布局再学习摘录
    2014第16周二
    2014第16周一
    2014第15周日
    2014第15周六
    2014第15周五
    SDN:软件定义网络
  • 原文地址:https://www.cnblogs.com/zhangzhaoyang/p/7791552.html
Copyright © 2011-2022 走看看