Tryit Editor v1.4

<html> <head> <style> span { font:12px arial; background:#CCCCCC; position:absolute; width:100; height:500; top:100; clip:rect(0 100 100 0); } </style> <script type="text/javascript"> var interval; startPosition=0; topPosition=100; endPosition=100; speed=50; function scrollit() { if (startPosition!=200) { startPosition=startPosition+1; topPosition=topPosition-1; document.getElementById('display').style.clip="rect(" + (startPosition + 1) + " 100 " + (startPosition + endPosition) + " 0)"; document.getElementById('display').style.top=topPosition; interval=setTimeout("scrollit()",speed); } else { startPosition=0; topPosition=100; endPosition=100; interval=setTimeout("scrollit()",speed); } } function stopinterval() { clearTimeout(interval); } </script> </head> <body onload="scrollit()" onunload="stopinterval()"> <span id="display"><br /><br /><br /><br /><br /><br /><br /> Hello Developers, this script makes a scrolling text. <br />Visit W3Schools.com </span> </body> </html> | Your Result:
Edit the code above and click to see the result. | W3Schools.com - Try it yourself