Simple Text Scroller

On your web site, this script will look something like this:

...Welcome to The Web Designer's Treasure Chest!..

Description:
The following is a javascript code for basic text scrolling with a light background. It extends the javascript so that scrolling is stopped when the mouse is on the text and starts again once the mouse is moved away.

HTML/DHTML/JavaScript script code: (to copy and paste) <style type="text/css"> #scroll { position: absolute; white-space: nowrap; top: 0px; left: 200px; } #oScroll { margin: 0px; padding: 0px; position: relative; width: 400px; height: 40px; overflow: hidden; } </style> <script type="text/javascript"> var intervalHandle = null; function pauseScroll() { clearInterval(intervalHandle); } function resumeScroll() { intervalHandle = setInterval("vScroll.move()", 20); } function scroll(oid, iid) { this.oCont = document.getElementById(oid) this.ele = document.getElementById(iid) this.width = this.ele.clientWidth; this.n = this.oCont.clientWidth; this.move = function () { this.ele.style.left = this.n + "px" this.n-- if (this.n < (-this.width)) { this.n = this.oCont.clientWidth } } } var vScroll function setup() { vScroll = new scroll("oScroll", "scroll"); intervalHandle = setInterval("vScroll.move()", 20) } onload = function () { setup() } </script> </head> <body> <div id="oScroll" onmouseover="pauseScroll()" onmouseout="resumeScroll()"> <div id="scroll"><SPAN style="BACKGROUND-COLOR: lightyellow"><font size=6> ...your scrolling note goes here... </font></SPAN> </div> </div>