MENU THAT ENTERS FROM LEFT <!doctype html public "-//w3c//dtd html 3.2//en">
<html>
<head>
<title>The A*C Menu2 By Aaron Connnelly</title>
<script language="javascript"> /* ========================= The A*C Menu ========================= By : Aaron Connelly ========================== E-Mail : MAUWDIB@aol.com ========================== Must stay intact For Use ========================== */ /* ******Edit Here****** */ //The Speed of the menu comeing downward var speed=1 //The Main Menu's background Color var MenuColor="darkblue" //The Main Menu's Text Color var MenuTextColor="gold" //The Sub Menu's background Color var SubMenuColor="darkblue" //The Sub Menu's Text Color var SubMenuTextColor="lightseagreen" //The Main Menu's Visible Text var Menumsg=" - Navigation - " //The Sub Menu's Visible Text var msg=new Array() //Edit this msg[1]=" HTML Page " msg[2]=" DHTML Page " msg[3]=" Javascript Page " msg[4]=" Java Page " msg[5]=" CGI Page " msg[6]=" DOM Page " msg[7]=" Go To Home Page " //stop //The Links for each button. Be sure to line them up with the messages above. function Linker(which){ var link=new Array(which) //Edit This link[1]="HTMLPage.html" link[2]="DHTMLPage.html" link[3]="YourPage.html" link[4]="YourPage.html" link[5]="YourPage.html" link[6]="YourPage.html" link[7]="YourPage.html" //stop location.href=link[which] } /* ******Don't Edit below this line****** */ function TheMenu(){ var code="<table border=0 bgColor='" + MenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:n-resize;'" code+=" onclick='TheSubMenus()'" code+=" onMouseOver='MenuOver()' onMouseOut='MenuOut()'>" code+="<center><font color='" + MenuTextColor + "' size=4>" code+="<div id='a' style='border-style:inset;'> " + Menumsg + " </div>" code+="</font></center></td></tr></table>" document.all.TheMenu.innerHTML=code } function MenuOver(){ document.all.a.style.borderStyle="outset" } function MenuOut(){ document.all.a.style.borderStyle="inset" } function SubMenu1(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(1)'" code+=" onMouseOver='Sub1()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S1' style='border-style:inset;'>" + msg[1] + "</div>" code+="</font></td></tr></table>" document.all.Sub1.innerHTML=code if(document.all.Sub1.style.pixelLeft<=-2){ document.all.Sub1.style.pixelLeft+=20 Timer1=setTimeout("SubMenu1()",speed) }else{ clearTimeout(Timer1) } } function SubMenu2(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(2)'" code+=" onMouseOver='Sub2()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S2' style='border-style:inset;'>" + msg[2] + "</div>" code+="</font></td></tr></table>" document.all.Sub2.innerHTML=code if(document.all.Sub2.style.pixelLeft<=-2){ document.all.Sub2.style.pixelLeft+=20 Timer2=setTimeout("SubMenu2()",speed) }else{ clearTimeout(Timer2) } } function SubMenu3(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(3)'" code+=" onMouseOver='Sub3()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S3' style='border-style:inset;'>" + msg[3] + "</div>" code+="</font></td></tr></table>" document.all.Sub3.innerHTML=code if(document.all.Sub3.style.pixelLeft<=-2){ document.all.Sub3.style.pixelLeft+=20 Timer3=setTimeout("SubMenu3()",speed) }else{ clearTimeout(Timer3) } } function SubMenu4(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(4)'" code+=" onMouseOver='Sub4()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S4' style='border-style:inset;'>" + msg[4] + "</div>" code+="</font></td></tr></table>" document.all.Sub4.innerHTML=code if(document.all.Sub4.style.pixelLeft<=-2){ document.all.Sub4.style.pixelLeft+=20 Timer4=setTimeout("SubMenu4()",speed) }else{ clearTimeout(Timer4) } } function SubMenu5(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(5)'" code+=" onMouseOver='Sub5()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S5' style='border-style:inset;'>" + msg[5] + "</div>" code+="</font></td></tr></table>" document.all.Sub5.innerHTML=code if(document.all.Sub5.style.pixelLeft<=-2){ document.all.Sub5.style.pixelLeft+=20 Timer5=setTimeout("SubMenu5()",speed) }else{ clearTimeout(Timer5) } } function SubMenu6(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(6)'" code+=" onMouseOver='Sub6()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S6' style='border-style:inset;'>" + msg[6] + "</div>" code+="</font></td></tr></table>" document.all.Sub6.innerHTML=code if(document.all.Sub6.style.pixelLeft<=-2){ document.all.Sub6.style.pixelLeft+=20 Timer6=setTimeout("SubMenu6()",speed) }else{ clearTimeout(Timer6) } } function SubMenu7(){ var code="<table border=0 bgColor='" + SubMenuColor + "' width=150>" code+="<tr>" code+="<td style='cursor:crosshair;'" code+=" onclick='Linker(7)'" code+=" onMouseOver='Sub7()' onMouseOut='SwapSubBack()'>" code+="<font color='" + SubMenuTextColor + "'>" code+="<div id='S7' style='border-style:inset;'>" + msg[7] + "</div>" code+="</font></td></tr></table>" document.all.Sub7.innerHTML=code if(document.all.Sub7.style.pixelLeft<=-2){ document.all.Sub7.style.pixelLeft+=20 Timer7=setTimeout("SubMenu7()",speed) }else{ clearTimeout(Timer7) } } function Sub1(){ document.all.S1.style.borderStyle="solid" } function Sub2(){ document.all.S2.style.borderStyle="solid" } function Sub3(){ document.all.S3.style.borderStyle="solid" } function Sub4(){ document.all.S4.style.borderStyle="solid" } function Sub5(){ document.all.S5.style.borderStyle="solid" } function Sub6(){ document.all.S6.style.borderStyle="solid" } function Sub7(){ document.all.S7.style.borderStyle="solid" } function SwapSubBack(){ document.all.S1.style.borderStyle="inset" document.all.S2.style.borderStyle="inset" document.all.S3.style.borderStyle="inset" document.all.S4.style.borderStyle="inset" document.all.S5.style.borderStyle="inset" document.all.S6.style.borderStyle="inset" document.all.S7.style.borderStyle="inset" } function TheSubMenus(){ SubMenu1() SubMenu2() SubMenu3() SubMenu4() SubMenu5() SubMenu6() SubMenu7() } </script>
</head> <!--Be sure to put the function - TheMenu - within the body's onload event handler-->
<body onload="TheMenu()"> <!--The MainFrame Div. To place it where you want change the top:?; and left:?;-->
<div id="MainFrame" style="position:relative;top:10;left:-9;"> <div id="TheMenu" style='position:relative;top:-20;left:0;'>
</div> <div id="Sub1" style="position:relative;top:-20;left:-180;">
</div>
<div id="Sub2" style="position:relative;top:-20;left:-260;">
</div>
<div id="Sub3" style="position:relative;top:-20;left:-320;">
</div>
<div id="Sub4" style="position:relative;top:-20;left:-380;">
</div>
<div id="Sub5" style="position:relative;top:-20;left:-440;">
</div>
<div id="Sub6" style="position:relative;top:-20;left:-500;">
</div>
<div id="Sub7" style="position:relative;top:-20;left:-560;">
</div>
</div> <!--END OF SCRIPT--> </body>
</html>