Uncle Jim's Javascript Designs: Revolving Links

Uncle Jim's Web Designs

Revolving Links

This script rotates a set number of links, allowing multiple links on the same line.
This is an excellent replacement for those drop down boxes.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>

var dislinks=new Array()
  dislinks[0]="http://www.jdstiles.com/javamain.html,Javascript Examples"
  dislinks[1]="http://www.jdstiles.com/sets/,Design Templates"
  dislinks[2]="http://www.jdstiles.com/tips/,Office Tips"
  dislinks[3]="http://www.jdstiles.com/mso2k/,Tutorials"
  dislinks[4]="http://www.jdstiles.com/sitetree.html,Site Index"
  dislinks[5]="http://www.jdstiles.com,Home Page"
  dislinks[6]="http://www.jdstiles.com/java/feedback.html,Feedback"
  dislinks[7]="http://www.jdstiles.com/java/guestbook.html,Guestbook"
  count=0
  function displaylink()
             {
  ranlink=dislinks[count].split(",") // separate the address and name
  dlink="<A HREF='"+ranlink[0]+"' TITLE='"+ranlink[1]+"' TARGET='_new'>"+ranlink[1]+"</A>"
  if(document.layers) // Netscape 4.0+
  {
// For NNS 4.0+ you will have to set the left and top properties to position the link on your page. 
// For IE5+ and NS6+ the link will be positioned by the table.

document.dislink.left=350 
   document.dislink.top=25
   document.dislink.document.write(dlink)
   document.dislink.document.close()
   }
   if(document.getElementById) // Netscape 6.0+ and IE5+
   {
      elm=document.getElementById("dislink")
      elm.style.left=0
      elm.style.top=0
      elm.style.position="relative"
      elm.innerHTML=dlink
      }
      count++
        if(count>=dislinks.length)
        {count=0}
// Set the speed of the link display here.  Currently set to change every 3 seconds.
   setTimeout("displaylink()",3000)
}       
//--></script>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>

Close This Window