• 不间断滚动


    <!-- 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 -------------------------------------------------------------->
  • 相关阅读:
    [算法分析]计数排序
    [置顶] 基于stm32f103zet6之UC/OS_II的学习1(初步移植OS点灯大法)
    IOS开发(59)之Block Object的调用
    【译】测试员,敢问路在何方?来自微软工程师
    各种字符串hash
    hdu 2579 BFS
    qq相册
    程序人生之我们的故事:十年如歌(9)
    关联模型和无限极分类
    十大技巧破解电话面试
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209269.html
Copyright © 2020-2023  润新知