This is Java Script Banner will displays as many pictures as you would like and each picture can have link to its own page
Add the following script into the <head> section of your page: <script language="JavaScript"> <!-- Hide from old browsers var i = 1; //This is where you load your banners change 1.Gif to your banner name banner1= new Image(); banner1.src = "1.gif"; banner2 = new Image(); banner2.src = "2.gif"; banner3 = new Image(); banner3.src = "3.gif"; //This where you make your links for the banners banners1 is linked to links[1] links = new Array links[1] = "index.htm" links[2] = "info.htm" links[3] = "headliner.htm" //This will show up on the status bar when the mouse is moved over the banner description = new Array description[1] = "Main Index" description[2] = "Info Script" description[3] = "Head Liner" function startTime(){ var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); closeTime=hours*3600+mins*60+secs; closeTime+=5; Timer(); } function Timer(){ var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); curTime=hours*3600+mins*60+secs if (curTime>=closeTime){ if (i < 3){ i++; document.banner.src = eval("banner" + i + ".src"); } else{ i = 1; document.banner.src = eval("banner" + i + ".src"); } startTime(); } else{ window.setTimeout("Timer()",1000)} } function clickLink(){ top.location = links[i] } function descript(){ window.status = description[i] } // --> </script>
Add the following script into the <BODY> section of your page: <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startTime();"> <h2 align="center">Rotating Banner</h2> <a href onClick="clickLink(); return false;" onMouseOver="descript(); return true;" onMouseOut="window.status=''"> <p align="center"><img src="1.gif" tppabs="http://www.calpoly.edu/~dpopeney/banner.gif" border="0" name="banner" width="400" height="40"></a><br> </p>
Copyright © 2006 background.ir, all rights reserved. Designer: echess design.
