Heim > Web-Frontend > js-Tutorial > 彻底搞懂JS无缝滚动代码_javascript技巧

彻底搞懂JS无缝滚动代码_javascript技巧

WBOY
Freigeben: 2016-05-16 19:21:56
Original
1108 Leute haben es durchsucht

在做个东西要滚动代码 而且是无缝的 搞了半天还是不行 
决心一定要把这个问题搞定 经过研究 也不难 代码如下:

 程序代码 

复制代码 代码如下:
 
 
 
 
 
 
 
 
 

aaaaaaaaaaa

 

aaaaaaaaaaa

 

aaaaaaaaaaa

 

aaaaaaaaaaa

 

aaaaaaaaaaa

 

aaaaaaaaaaa

 


 
 

 
<script> <BR>var speed=15 <BR>demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2 <BR>function Marquee(){ <BR>if(demo2.offsetHeight-demo.scrollTop<=0)//当滚动至demo1与demo2交界时 <BR>demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端 <BR>else{ <BR>demo.scrollTop++ //如果是横向的 将 所有的 height top 改成 width left <BR>} <BR>} <BR>var MyMar=setInterval(Marquee,speed)//设置定时器 <BR>demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的 <BR>demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器 <BR></script> 




复制到一个HTM的文件即可运行了. 
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage