zoukankan      html  css  js  c++  java
  • 不间断滚动

    <!-- start ------------------------------------------------------------>
    相对定位版不间断滚动:<br><br>
    <div style="200px;height:150px;overflow:hidden">
    <table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style="position:relative;top:0px;200px;table-layout:fixed" id=news>
      <tbody>
      <tr>
        <td valign=top height=150>
          <b>新闻一</b><br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
        </td>
      </tr>
      <tr>
        <td valign=top height=150>
          <b>新闻二</b><br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          sasasasasasas<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
        </td>
      </tr>
      <tr>
        <td valign=top height=150>
          <b>新闻三</b><br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
          新闻内容<br>
        </td>
      </tr>
      </tbody>
      <script language=javascript>
        //重复一次新闻内容
        document.write(news.tBodies[0].innerHTML)
      </script>
    </table>
    </div>

    <script language=javascript>
      //实现不间断滚动
      function newsScroll()
      {
        news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2);
        if(news.style.pixelTop%150)
          timer1=setTimeout('newsScroll()',10)  //更改第二个参数可以改变速度,值越小,速度越快。
        else
          timer1=setTimeout('newsScroll()',3000)  //更改第二个参数可以改变时间间隔。
      }
      newsScroll();
    </script>
    <br><br>
    <!-- end -------------------------------------------------------------->

    <!-- start ------------------------------------------------------------>
    iframe版不间断滚动:<br><br>
    <iframe name=newsFrame width=200 height=150 frameborder=0 scrolling=no></iframe>
    <script language=javascript>
      //这里只是为了方便,向iframe中写入内容,实际使用时直接做一页把内容放进去。
      var contents=news.outerHTML;
      newsFrame.document.writeln("<body style='margin:0px;'>");
      newsFrame.document.writeln("<table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style='position:relative;top:0px;200px;table-layout:fixed' id=news>");
      newsFrame.document.writeln(news.tBodies[0].innerHTML);
      newsFrame.document.writeln(news.tBodies[0].innerHTML);
      newsFrame.document.writeln("</table>");

      //实现不间断滚动
      function frameScroll()
      {
        newsFrame.scrollTo(0,(newsFrame.document.body.scrollTop+1)%(newsFrame.news.clientHeight/2));
        if(newsFrame.document.body.scrollTop%150)
          setTimeout('frameScroll()',10)  //更改第二个参数可以改变速度,值越小,速度越快。
        else
          setTimeout('frameScroll()',3000)  //更改第二个参数可以改变时间间隔。
      }
      frameScroll();
    </script>
    <!-- end -------------------------------------------------------------->
  • 相关阅读:
    骑行的乐趣
    亲子运动会
    【转载】程序员接私活经验总结,来自csdn论坛语录
    【原创】Asp.Net MVC 学习笔记之使用Model验证
    【转载】经典js技巧
    【原创】关于Sqlserver的LogFiles超大的问题
    【总结】Winform编程常用小技巧
    【总结】WebBrowser相关资料索引
    【原创】Asp.Net MVC学习笔记之使用AcceptVerbs标签来制定Action的响应行为
    【转载】一个资深SOHO程序员对新人的建议网上接活(转自CSDN)
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209269.html
Copyright © 2011-2022 走看看