A web page progress bar [web page special effects]

Author：Eve Cole Update Time：2009-06-20 15:19:41

The text special effects code that continuously scrolls upward in a loop can be used as a website announcement or the speed of text scrolling can be adjusted. It can also stop scrolling when the mouse is placed on it, and continue scrolling when the mouse is moved away.

<html> <head> <title>Uninterrupted scrolling text effects</title> </head> <body> <div id="marquees"> <a href="#">Welcome to website building academy downcodes.com You 1</a><br> <br> <a href="#">Website Academy downcodes.com welcomes you 2</a><br> <br> <a href="#">Website Academy downcodes. com welcomes you 3</a><br> <br> <a href="#">Website Building Academy downcodes.com welcomes you 4</a><br> <br> </div> <script language="JavaScript "> 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('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden "></div>'); preTop=0; currentTop=0; function init(){ templayer.innerHTML=""; while(templayer.offsetHeight<marqueesHeight){ templayer.innerHTML+=marquees.innerHTML; } marquees.innerHTML =templayer.innerHTML+templayer.innerHTML; setInterval("scrollUp()",10); } 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; } } </script>