scrolling text javascript

Scrolling Text Javascript is good web site tool for attracting visitors attention to important chunks of content.

Handy Tip : Scrolling text horizontally on your website from right to left is easy. Tables, javascript and layers have been incorporated into one simple block of html code, ready made to copy and paste into your editor.

Click here for more javascripts

Web Site Tool - Scrolling Text Script

Here's a script that scrolls your text from right to left. You can change the width, height, message and speed of the scroller easily within the script.

The example is contained within a table to add a background color. You can change this and the font color to suit your page and can even add a hyperlink if required.

Copy and paste the code below into the body of your html, where you would like the web site script to appear on your page.

For vertical scrolling text: Click Here!

<table 
width="350" border="0" align="center"> <tr 
bgcolor="#63639C"> <td>&nbsp; <script language="JavaScript1.2"> 
/* Scrolling Text script- Distributed by http://www.hypergurl.com */ //Change 
script's width (in pixels) var marqueewidth=300 //Change script's height (in pixels, 
pertains only to NS) var marqueeheight=20 //Change script's scroll speed (larger 
is faster) var speed=6 //Change script's contents var marqueecontents='<font 
face="Arial" font color="#FFFFFF"><strong><big>Have 
fun with this script from <a href="http://www.hypergurl.com">Hypergurl</a> 
If you find this script useful, please consider linking to us!</big></strong></font><background 
color="#00080">' if (document.all) document.write('<marquee scrollAmount='+speed+' 
style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') 
function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ 
setTimeout("window.onresize=regenerate",450) intializemarquee() } } 
function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') 
document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width 
scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ 
document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) 
} else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } 
} window.onload=regenerate2 </script></td> </tr> </table> 
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01"> 
<layer name="cmarquee02"></layer> </ilayer>

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy