Scrolling Message Slideshow JavaScript

Form box message slide show 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.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

Insert this code into <body> tags

<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-
More resources online at http://www.road2webmaster.com
*/

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>

Instruction:

Webmaster » Web Programming » JavaScript » Scrolling » Message Slideshow

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links