Cut & Paste Message Slideshow

Home / Free JavaScripts / Scrollers / Here

Cut & Paste Message Slideshow

Credit: JavaScript Kit

Description: A form box message slideshow that rotates among infinite number of messages. Each message is associated with a unique URL, and clicking the button will take the surfer to a different URL, depending on when he/she clicks it.

Example:

Directions: Simply insert the below into the <body> section of your page. The messages are contained by variables mesages[0], mesages[1], etc and their corresponding links by messagelinks[0], messagelinks[1], etc. Change those to your own. By default, the interval between each message change is 4.5 seconds, reflected by "4500" in the second to last line of the code. You can change that as well to your own, with 1000 being 1 second, and so on.

<table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"><form name="slideshow"><div align="center"><center><p><b>What's On Update</b><br><textarea rows="5" name="S1" cols="30" wrap="virtual"></textarea><br> <input type="button" value="Take me there!" name="B1" onClick="window.location=messagelinks[curmsg]"></p> </center></div> </form> </td> </tr> </table> <script> /* Message Slideshow- By JavaScript Kit (www.javascriptkit.com) Over 200+ free JavaScripts here */ var curmsg=-1 var messages=new Array() messages[0]="Check out CNN, one of the premier news site on the net, covering national international, sports, and wheather news!" messages[1]="Visit Wired.com for the latest happenings in the technology sector." messages[2]="Go to download.com to download the latest shareware and demo programs!" //add more messages as desired var messagelinks=new Array() messagelinks[0]="http://www.cnn.com" messagelinks[1]="http://www.wired.com" messagelinks[2]="http://www.download.com" //add more links as indicated by the number of messages function slidemessage(){ if (curmsg<messages.length-1) curmsg++ else curmsg=0 document.slideshow[0].value=messages[curmsg] setTimeout("slidemessage()",4500) } slidemessage() </script> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info