彻底搞懂JS无缝滚动代码
2007-01-03 00:00
826 查看
在做个东西要滚动代码 而且是无缝的 搞了半天还是不行
决心一定要把这个问题搞定 经过研究 也不难 代码如下:
程序代码
复制到一个HTM的文件即可运行了.
决心一定要把这个问题搞定 经过研究 也不难 代码如下:
程序代码
<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的文件即可运行了.
相关文章推荐
- 彻底搞懂JS无缝滚动代码
- 彻底搞懂JS无缝滚动代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- JS图片滚动代码(无缝、平滑)
- js图片无缝滚动代码
- 走马灯效果代码js appendChild实现的无缝滚动
- 实现公告栏无缝滚动的js代码(转)
- js水平无缝滚动代码实例详解
- JS平滑无缝滚动效果的实现代码
- JS图片滚动代码(无缝、平滑)
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- 链接图片无缝(无间断)向左平滑滚动Js版代码
- js图片(上、下、左、右)无缝滚动代码
- 基于JS实现新闻列表无缝向上滚动实例代码
- js左右无缝滚动代码
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- js图片无缝滚动代码