zoukankan      html  css  js  c++  java
  • jQuery新闻循环滚动.

    <script type = "text/javascript">
    function scroll_news(){
        var firstNode = $('#scroll-container li'); //获取li对象
        firstNode.eq(0).fadeOut('slow',function(){ //获取li的第一个,执行fadeOut,并且call - function.
         $(this).clone().appendTo($(this).parent()).show('slow'); //把每次的li的第一个 克隆,然后添加到父节点 对象。
         $(this).remove();//最后  把每次的li的第一个 去掉。
      });//注意哦,这些都是在fadeOut里面的callback函数理执行的。
    }
    setInterval('scroll_news()',500);//每隔0.5秒,执行scroll_news()
    </script>

    body:

    程序代码 程序代码
    <div id="scroll-container" style="height: 18px;200px; background-color: #99CCFF; overflow: hidden;">
      <li>1111111111111111111</li>
      <li>2222222222222222222</li>
      <li>333333333333333333333</li>
      <li>44444444444444 </li>
      <li>55555555555555555555555</li>
    </div>
  • 相关阅读:
    各种数据库默认端口总结
    Entity Framework学习
    Entity Framework学习
    .Net MVC API初试
    MongoDB Shell
    MongoDB安装及简单实验
    Android Studio记录
    Android使用Fragment程序崩溃
    git操作笔记
    centos防火墙设置
  • 原文地址:https://www.cnblogs.com/luluping/p/1440078.html
Copyright © 2011-2022 走看看