MENU THAT FALLS FROM TOP
<html>
<head>
<title>The Navigator</title>
<script language="javascript">
/*
By: Aaron Connelly
Email: MAUWDIB@aol.com
This MUST Stay intact for use.
This script is FREE IF you keep this credit intact!
If you don't want this credit to be removed email me about fee.
*/
//The Background Color
var bgColor="black"
//The Text Color
var textColor="silver"
//The onMouseOver Background Color
var onMouseOverbgColor="black"
//The onMouseOver Text Color
var onMouseOvertextColor="white"
//Your Pages URL -- Your Sites address
var YourPagesURL="JavaScripts.com"
//Your own Message about the site. small
var YourPagesName="THE BEST SITE ON THE WEB"
//The Height of the Navigator
var NavigatorHeight="10"
//The Width of the Navigator
var NavigatorWidth="690"
//The Position of the Navigator from the left of the screen
var NavigatorLeft="0"
//The Position of the Navigator from the top of the screen
var NavigatorTop="0"
//If you don't like the line I have -- Just change it or take leave it blank - line=" " -
var line=" *|* "
//******** Place your navigational messages here *******
var msg = new Array()
msg[1]="Home Page"
msg[2]="DHTML Page"
msg[3]="Javascript Page"
msg[4]="Guestbook"
msg[5]="Next Page"
msg[6]="Past Page"
msg[7]="CGI Page"
msg[8]="Free MUSIC!"
function L(which){
//******** Place your links here. BE sure to line them up correctly! *********
var link = new Array()
link[1]="http://www.javascripts.com"
link[2]="http://www.javascripts.com"
link[3]="http://www.javascripts.com"
link[4]="http://www.javascripts.com"
link[5]="http://www.javascripts.com"
link[6]="http://www.javascripts.com"
link[7]="http://www.javascripts.com"
link[8]="http://www.javascripts.com"
location.href=link[which]
}
//**********DON'T EDIT BELOW THIS LINE****************
function navigate(){
var spacer=" "
var style="style='cursor:hand;'"
var a="<div id='a'>"
var b="<div id='b'>"
var c="<div id='c'>"
var d="<div id='d'>"
var e="<div id='e'>"
var f="<div id='f'>"
var g="<div id='g'>"
var h="<div id='h'>"
var aE="</div>"
var t1="<table border=0><tr><td onClick='L(1)' onMouseOver='ona()' onMouseOut='onOut()' " + style + ">"
var t2="<td onClick='L(2)' onMouseOver='onb()' onMouseOut='onOut()' " + style + ">"
var t3="<td onClick='L(3)' onMouseOver='onc()' onMouseOut='onOut()' " + style + ">"
var t4="<td onClick='L(4)' onMouseOver='ond()' onMouseOut='onOut()' " + style + ">"
var t5="<td onClick='L(5)' onMouseOver='one()' onMouseOut='onOut()' " + style + ">"
var t6="<td onClick='L(6)' onMouseOver='onf()' onMouseOut='onOut()' " + style + ">"
var t7="<td onClick='L(7)' onMouseOver='ong()' onMouseOut='onOut()' " + style + ">"
var t8="<td onClick='L(8)' onMouseOver='onh()' onMouseOut='onOut()' " + style + ">"
var tEnd="</td>"
var tEnd2="</td></tr></table>"
var naver=" - " + YourPagesURL + " , " + YourPagesName + " - "
naver+=spacer
naver+=t1 + a + msg[1] + line + aE + tEnd
naver+=t2 + b + msg[2] + line + aE + tEnd
naver+=t3 + c + msg[3] + line + aE + tEnd
naver+=t4 + d + msg[4] + line + aE + tEnd
naver+=t5 + e + msg[5] + line + aE + tEnd
naver+=t6 + f + msg[6] + line + aE + tEnd
naver+=t7 + g + msg[7] + line + aE + tEnd
naver+=t8 + h + msg[8] + aE + tEnd
var tablerN=naver
//The Specail effects if you will
document.all.navigator.style.height=NavigatorHeight
document.all.navigator.style.width=NavigatorWidth
document.all.navigator.style.backgroundColor=bgColor
document.all.navigator.style.color=textColor
document.all.topNav.innerHTML=tablerN
document.all.topNav.style.fontWeight="bold"
document.all.topNav.style.fontSize="14"
document.all.navigator.style.pixelLeft=NavigatorLeft
document.all.navigator.style.pixelTop=NavigatorTop
document.all.a.style.backgroundColor=bgColor
document.all.a.style.color=textColor
document.all.a.style.fontWeight="bold"
document.all.a.style.fontSize="13"
document.all.b.style.backgroundColor=bgColor
document.all.b.style.color=textColor
document.all.b.style.fontWeight="bold"
document.all.b.style.fontSize="13"
document.all.c.style.backgroundColor=bgColor
document.all.c.style.color=textColor
document.all.c.style.fontWeight="bold"
document.all.c.style.fontSize="13"
document.all.d.style.backgroundColor=bgColor
document.all.d.style.color=textColor
document.all.d.style.fontWeight="bold"
document.all.d.style.fontSize="13"
document.all.e.style.backgroundColor=bgColor
document.all.e.style.color=textColor
document.all.e.style.fontWeight="bold"
document.all.e.style.fontSize="13"
document.all.f.style.backgroundColor=bgColor
document.all.f.style.color=textColor
document.all.f.style.fontWeight="bold"
document.all.f.style.fontSize="13"
document.all.g.style.backgroundColor=bgColor
document.all.g.style.color=textColor
document.all.g.style.fontWeight="bold"
document.all.g.style.fontSize="13"
document.all.h.style.backgroundColor=bgColor
document.all.h.style.color=textColor
document.all.h.style.fontWeight="bold"
document.all.h.style.fontSize="13"
}
function homePage(){
location.href=YourPagesURL
}
function ona(){
document.all.a.style.backgroundColor=onMouseOverbgColor
document.all.a.style.color=onMouseOvertextColor
}
function onb(){
document.all.b.style.backgroundColor=onMouseOverbgColor
document.all.b.style.color=onMouseOvertextColor
}
function onc(){
document.all.c.style.backgroundColor=onMouseOverbgColor
document.all.c.style.color=onMouseOvertextColor
}
function ond(){
document.all.d.style.backgroundColor=onMouseOverbgColor
document.all.d.style.color=onMouseOvertextColor
}
function one(){
document.all.e.style.backgroundColor=onMouseOverbgColor
document.all.e.style.color=onMouseOvertextColor
}
function onf(){
document.all.f.style.backgroundColor=onMouseOverbgColor
document.all.f.style.color=onMouseOvertextColor
}
function ong(){
document.all.g.style.backgroundColor=onMouseOverbgColor
document.all.g.style.color=onMouseOvertextColor
}
function onh(){
document.all.h.style.backgroundColor=onMouseOverbgColor
document.all.h.style.color=onMouseOvertextColor
}
function onOut(){
document.all.a.style.backgroundColor=bgColor
document.all.a.style.color=textColor
document.all.b.style.backgroundColor=bgColor
document.all.b.style.color=textColor
document.all.c.style.backgroundColor=bgColor
document.all.c.style.color=textColor
document.all.d.style.backgroundColor=bgColor
document.all.d.style.color=textColor
document.all.e.style.backgroundColor=bgColor
document.all.e.style.color=textColor
document.all.f.style.backgroundColor=bgColor
document.all.f.style.color=textColor
document.all.g.style.backgroundColor=bgColor
document.all.g.style.color=textColor
document.all.h.style.backgroundColor=bgColor
document.all.h.style.color=textColor
}
window.onload=navigate
</script>
</head>
<body>
<!--PUT THIS IN THE BODY OF YOUR PAGE-->
<div id="navigator" style="position:absolute;">
<div id="topNav">
</div>
</div>
</body>
</html>