在做个东西要滚动代码 而且是无缝的 搞了半天还是不行 决心一定要把这个问题搞定 经过研究 也不难 代码如下: 程序代码 复制代码 代码如下:<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的文件即可运行了.
推荐阅读
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
发现的问题可能会陆续添加 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