彻底搞懂JS无缝滚动代码

在做个东西要滚动代码而且是无缝的搞了半天还是不行决心一定要把这个问题搞定经过研究也不难代码如下：程序代码复制代码代码如下:<div id=demo style=overflow:auto;height:180;width:200;background:#009900;color:#006600> <table align=top> <tr> <td id=demo1 valign=top> <p>aaaaaaaaaaa</p> <p>aaaaaaaaaaa</p> <p>aaaaaaaaaaa</p> <p>aaaaaaaaaaa</p> <p>aaaaaaaaaaa</p> <p>aaaaaaaaaaa</p> </td> </tr> <tr> <td id=demo2 valign=top></td> </tr> </table> </div> <script> var speed=15 demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2 function Marquee(){ if(demo2.offsetHeight-demo.scrollTop<=0)//当滚动至demo1与demo2交界时 demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端 else{ demo.scrollTop++ //如果是横向的将所有的 height top 改成 width left } } var MyMar=setInterval(Marquee,speed)//设置定时器 demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器 </script> 复制到一个HTM的文件即可运行了.

发现的问题可能会陆续添加 1. Mozilla和Opera都不支持该字体，改掉DTD也是没有效果。测试在Mozilla Firefox1.5, Opera9.0下都是显示成Arial字体。而特殊符号是支持的。如： <body id="www.never-online.net"> <di>>>详细阅读

本文标题：彻底搞懂JS无缝滚动代码

地址：http://www.17bianji.com/kaifa2/JS/31164.html

1/2 1