JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



Ticker Tape Script

A simple, elegant cross-browser ticker tape. Supports unlimited messages, HTML codes, and degrades well with lower browsers. This script is a perfect example of why DHTML may very well eventually replace Java applets on the WWW- the ticker is faster, more efficient, and much more stable than any of it's Java counterparts!


Insert into <HEAD>


Insert into <BODY>
<script language="JavaScript1.2"> //configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted) var tickercontents=new Array() tickercontents[0]='See what\'s New at Dynamic Drive. <a href="http://dynamicdrive.com/new.htm">[Read more]</a>' tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href="http://dynamicdrive.com/hot.htm">[Read more]</a>' tickercontents[2]='Link back to Dynamic Drive! <a href="http://dynamicdrive.com/link.htm">[Read more]</a>' //configure the below 2 variables to set the width/background color of the ticker var tickerwidth='65%' var tickerbgcolor='lightblue' //configure the below variable to determine the delay between ticking of messages (in miliseconds var tickdelay=3000 ////Do not edit pass this line//////////////// var currentmessage=0 function changetickercontent(){ if (document.layers){ document.tickernsmain.document.tickernssub.document.write(tickercontents[currentmessage]) document.tickernsmain.document.tickernssub.document.close() } else if (document.all) tickerie.innerHTML=tickercontents[currentmessage] if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } function start_ticking(){ if (document.layers) document.tickernsmain.visibility="show" changetickercontent() } if (document.all) document.write('<div id="tickerie" style="width:'+tickerwidth+'; background-color:'+tickerbgcolor+'"></div>') window.onload=start_ticking </script> <ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer>

Other Options