作家
登录

彻底搞懂JS无缝滚动代码

作者: 来源:www.28hudong.com 2013-03-30 03:51:11 阅读 我要评论

在做个东西要滚动代码 而且是无缝的 搞了半天还是不行 决心一定要把这个问题搞定 经过研究 也不难 代码如下: 程序代码 复制代码 代码如下:<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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)