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

向上滚动的处理文字代码

时间:2009/7/24 16:32:00来源:本站整理作者:我要评论(0)

<HTML> 
<HEAD> 
<META http-equiv='Content-Type' content='text/html; charset=gb2312'> 
<TITLE>不间断文字向上滚动的处理</TITLE> 
</HEAD> 
<BODY > 

<!-- start ------------------------------------------------------------> 
相对定位版不间断滚动:<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> 
<!-- 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;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> 
<!-- end --------------------------------------------------------------> 

</BODY></HTML> 

相关视频

    没有数据

相关阅读 海岛大亨6退休的人怎么处理 海岛大亨6退休人员安置方法高通骁龙cpu排行天梯图2019 高通骁龙处理器排行榜2019最新版6月侍魂胧月传说橙装怎么处理 侍魂胧月传说橙装处理攻略oppor9是什么处理器联发科p90处理器怎么样 联发科p90处理器跑分一览6s是什么处理器oppor15x什么处理器处理器散片和盒装区分

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件