向上滚动的处理文字代码 -pc6资讯

您的位置：首页 → 网页设计 → 经验技巧 → 向上滚动的处理文字代码

向上滚动的处理文字代码 时间：2009/7/24 16:32:00来源：本站整理作者：我要评论(0): <HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>不间断文字向上滚动的处理</TITLE>
</HEAD>
<BODY >


相对定位版不间断滚动：<br><br>
<div style="width:200px;height:150px;overflow:hidden">
<table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style="position:relative;top:0px;width: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>
      新闻内容<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);
  }
  timer1=setInterval('newsScroll()',10)  //更改第二个参数可以改变速度，值越小，速度越快。
</script>
<br><br>



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;width:200px;table-layout:fixed' id=news>");
  newsFrame.document.writeln(news.tBodies[0].innerHTML);
  newsFrame.document.writeln(news.tBodies[0].innerHTML);
  newsFrame.document.writeln("</table>");

  //实现不间断滚动
  var start=0;
  function frameScroll()
  {
    start=(start+1)%(newsFrame.news.clientHeight/2);
    newsFrame.scrollTo(0,start);
  }
  setInterval('frameScroll()',10)  //更改第二个参数可以改变速度，值越小，速度越快。
</script>


</BODY></HTML>

相关视频

没有数据

文章评论

查看所有0条评论>>