Continuous text scrolling (up, down, left and right) example code_javascript skills

Up

Copy code The code is as follows: Continuous scrolling up body { font-size: 9pt; color: #000000; } a { color: #0000FF; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline; } --> Link 1

&lt ;a href="#">Link two

Link three <br&gt ;

Link 4

marqueesHeight=200; stopscroll=false;

with(marquees){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } document.write(' ');

preTop=0; currentTop=0;

function init(){ templayer.innerHTML=""; while(templayer.offsetHeight templayer.innerHTML =marquees.innerHTML; } marquees. innerHTML=templayer.innerHTML templayer.innerHTML; setInterval("scrollUp()",100); } document.body.onload=init;

function scrollUp(){ if(stopscroll==true) return; preTop=marquees.scrollTop; marquees.scrollTop =1; if(preTop==marquees.scrollTop) { marquees.scrollTop=templayer.offsetHeight-marqueesHeight; marquees.scrollTop =1; } }

Down Copy the code The code is as follows: 连续向下滚动 body { font-size: 9pt; color: #000000; } a { color: #0000FF; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline; } --> 链接一

链接二

链接三

链接四

marqueesHeight=200;

with(marquees){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } document.write(' '); preTop=0; currentTop=0;getlimit=0;stopscroll=false;

function init(){ templayer.innerHTML=""; while(templayer.offsetHeight templayer.innerHTML =marquees.innerHTML; } marquees.innerHTML =templayer.innerHTML; setInterval("scrollDown()",10); }init();

function scrollDown(){ if(stopscroll==true) return;

preTop=marquees.scrollTop; marquees.scrollTop-=1; if(preTop==marquees.scrollTop){ if(!getlimit){ marquees.scrollTop=templayer.offsetHeight*2; getlimit=marquees.scrollTop; } marquees.scrollTop=getlimit-templayer.offsetHeight marqueesHeight; marquees.scrollTop-=1; } }

向左 复制代码 代码如下: 连续向左滚动 body { font-size: 9pt; color: #000000; } a { color: #0000FF; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline; } --> 链接一 链接二 链接三 链接四 marqueesWidth=200;

with(marquees){ style.height=0; style.width=marqueesWidth; style.overflowX="hidden"; style.overflowY="visible"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } preLeft=0; currentLeft=0; stopscroll=false;

function init(){ templayer.innerHTML=""; while(templayer.offsetWidth templayer.innerHTML =marquees.innerHTML; } marquees.innerHTML =templayer.innerHTML; setInterval("scrollLeft()",100); }init();

function scrollLeft(){ if(stopscroll==true) return; preLeft=marquees.scrollLeft; marquees.scrollLeft =1; if(preLeft==marquees.scrollLeft){ marquees.scrollLeft=templayer.offsetWidth-marqueesWidth 1; } }

向右 复制代码 代码如下: 连续向右滚动 body { font-size: 9pt; color: #000000; } a { color: #0000FF; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline; } --> 链接一 链接二 链接三 链接四 marqueesWidth=200;

with(marquees){ style.height=0; style.width=marqueesWidth; style.overflowX="hidden"; style.overflowY="visible"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } preTop=0; currentTop=0; getlimit=0; stopscroll=false;

function init(){ templayer.innerHTML=""; while(templayer.offsetWidth templayer.innerHTML =marquees.innerHTML; } marquees.innerHTML =templayer.innerHTML; setInterval("scrollRight()",10); }init();

function scrollRight(){ if(stopscroll==true) return;

preLeft=marquees.scrollLeft; marquees.scrollLeft-=1; if(preLeft==marquees.scrollLeft){ if(!getlimit){ marquees.scrollLeft=templayer.offsetWidth*2; getlimit=marquees.scrollLeft; } marquees.scrollLeft=getlimit-templayer.offsetWidth marqueesWidth; marquees.scrollLeft-=1; } }

Continuous text scrolling (up, down, left and right) example code_javascript skills

Related articles