0顶

不间断滚动的处理

稿源：互联网 2022-06-04 01:31:11 点击： 589 撤稿纠错

文本框内容不间断滚动效果，可自定义滚动内容，可以拿来做新闻滚动。

以下讨论的是和滚动特效相关的不间断滚动的处理教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<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>

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>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于不间断滚动的处理的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807193457.shtml方便下次再访问哦。

·上一篇： 特定区域文字控制
·下一篇： 申请按钮的等待

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

不间断滚动的处理

文章分类LIST >>返回首页

最新游戏

最新新闻