手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >彻底搞懂JS无缝滚动代码
彻底搞懂JS无缝滚动代码
摘要:在做个东西要滚动代码而且是无缝的搞了半天还是不行决心一定要把这个问题搞定经过研究也不难代码如下:程序代码复制代码代码如下: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的文件即可运行了.

【彻底搞懂JS无缝滚动代码】相关文章:

文本框栏目介绍

prototype class详解

一条一条新闻向上的滚动 不错

必须点击广告才能进入的代码

超酷右下浮出广告窗口代码

网页里控制图片大小的相关代码

JavaScript版代码高亮

实现DIV圆角的JavaScript代码

Java语言概述

简单的防盗链功能代码(iframe)

精品推荐
分类导航