Home  >  Article  >  Web Front-end  >  Compatible with IE and Firefox's up and down, left and right cycle uninterrupted scrolling JS code_javascript skills

Compatible with IE and Firefox's up and down, left and right cycle uninterrupted scrolling JS code_javascript skills

WBOY
WBOYOriginal
2016-05-16 17:36:191100browse

Marqueen in HTML can also realize scrolling of content, but the scrolling is intermittent. During a scrolling cycle, a blank period will appear. If the scrolling area is relatively large, the appearance of space will make the page look ugly. Using JavaScript can improve this problem and achieve uninterrupted scrolling.

Scroll up and down the code:

Copy the code The code is as follows:


< ;div id="demo1">
111111111111111

22222222222222

33333333333333

444444444444444< ;br>
555555555555555



<script> <br>var t=getid("demo"),t1=getid(" demo1"),t2=getid("demo2"),sh=getid("show"); <br>var inter; <br>t2.innerHTML=t1.innerHTML; <br>function qswhMarquee(){ <br> if(t2.offsetTop<=t.scrollTop) <BR>t.scrollTop-=t1.offsetHeight; <BR>else <BR>t.scrollTop; <BR>} <BR>inter=setInterval(qswhMarquee,30); <BR>function getid(id){ <BR>return document.getElementById(id); <BR>} <BR></script>

Text scroll left and right code:
Copy code The code is as follows:




Yu Zhiguo Website Design Studio provides professional foreign trade website building services.



Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:Introduction to using jQuery basic filter selector_jqueryNext article:Introduction to using jQuery basic filter selector_jquery

Related articles

See more