彻底搞懂JS无缝滚动代码
彻底搞懂JS无缝滚动代码
发布时间:2016-12-30 来源:查字典编辑
摘要:在做个东西要滚动代码而且是无缝的搞了半天还是不行决心一定要把这个问题搞定经过研究也不难代码如下:程序代码复制代码代码如下:aaaaaaaaa...

在做个东西要滚动代码而且是无缝的搞了半天还是不行

决心一定要把这个问题搞定经过研究也不难代码如下:

程序代码

复制代码 代码如下:<divid=demostyle=overflow:auto;height:180;width:200;background:#009900;color:#006600>

<tablealign=top>

<tr>

<tdid=demo1valign=top>

<p>aaaaaaaaaaa</p>

<p>aaaaaaaaaaa</p>

<p>aaaaaaaaaaa</p>

<p>aaaaaaaaaaa</p>

<p>aaaaaaaaaaa</p>

<p>aaaaaaaaaaa</p>

</td>

</tr>

<tr>

<tdid=demo2valign=top></td>

</tr>

</table>

</div>

<script>

varspeed=15

demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2

functionMarquee(){

if(demo2.offsetHeight-demo.scrollTop<=0)//当滚动至demo1与demo2交界时

demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端

else{

demo.scrollTop++//如果是横向的将所有的heighttop改成widthleft

}

}

varMyMar=setInterval(Marquee,speed)//设置定时器

demo.onmouseover=function(){clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的

demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器

</script>

复制到一个HTM的文件即可运行了.

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类