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 -------------------------------------------------------------->
  • 相关阅读:
    Android仿人人客户端(v5.7.1)——个人主页(三)
    hdu2554-N对数的排列问题
    POJ1363:Rails
    golang printf
    HDU1200:To and Fro
    [C# 基础知识系列]专题六:泛型基础篇——为什么引入泛型
    poj 2480 (欧拉函数应用)
    Re:从0开始的微服务架构--(二)快速快速体验微服务架构?--转
    爬虫推荐的工具
    python2 与 python3 语法区别--转
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209269.html
Copyright © 2011-2022 走看看