Full version: jsB@nk » Menu » Navigation » The A*C Menu [vertical]
URL: https://www.javascriptbank.com/the-ac-menu-i.html
![The A*C Menu [vertical] © JavaScriptBank.com](/javascript.images/menu/the-ac-menu-i.jpg)
This code allows you to associate a dynamic menu with regular links on your page. As visitors click the link, a menu pops up containing 'sub links'.
Full version: jsB@nk » Menu » Navigation » The A*C Menu [vertical]
URL: https://www.javascriptbank.com/the-ac-menu-i.html
<script language="javascript">/* ========================= The A*C Menu ========================= By : Aaron Connelly ========================== E-Mail : [email protected] ========================== Must stay intact For Use ==========================*///******Edit Here******//The Speed of the menu comeing downwardvar speed=1//The Main Menu's background Colorvar MenuColor="darkblue"//The Main Menu's Text Colorvar MenuTextColor="gold"//The Sub Menu's background Colorvar SubMenuColor="darkblue"//The Sub Menu's Text Colorvar SubMenuTextColor="lightseagreen"//The Main Menu's Visible Textvar Menumsg=" - Navigation - "//The Sub Menu's Visible Textvar msg=new Array()//Edit thismsg[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 Thislink[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"//stoplocation.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=codeif(document.all.Sub1.style.pixelTop<=-21){document.all.Sub1.style.pixelTop+=20Timer1=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=codeif(document.all.Sub2.style.pixelTop<=-21){document.all.Sub2.style.pixelTop+=20Timer2=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=codeif(document.all.Sub3.style.pixelTop<=-21){document.all.Sub3.style.pixelTop+=20Timer3=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=codeif(document.all.Sub4.style.pixelTop<=-21){document.all.Sub4.style.pixelTop+=20Timer4=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=codeif(document.all.Sub5.style.pixelTop<=-21){document.all.Sub5.style.pixelTop+=20Timer5=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=codeif(document.all.Sub6.style.pixelTop<=-21){document.all.Sub6.style.pixelTop+=20Timer6=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=codeif(document.all.Sub7.style.pixelTop<=-21){document.all.Sub7.style.pixelTop+=20Timer7=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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload="TheMenu()"><div id="MainFrame" style="position: relative; top: 10px; left: -9px;"><div id="TheMenu" style="position: relative; top: -20px; left: 0pt;"></div><div id="Sub1" style="position: relative; top: -180px; left: 5px;"></div><div id="Sub2" style="position: relative; top: -260px; left: 25px;"></div><div id="Sub3" style="position: relative; top: -320px; left: 35px;"></div><div id="Sub4" style="position: relative; top: -380px; left: 45px;"></div><div id="Sub5" style="position: relative; top: -440px; left: 35px;"></div><div id="Sub6" style="position: relative; top: -500px; left: 25px;"></div><div id="Sub7" style="position: relative; top: -560px; left: 5px;"></div></div><!--END OF SCRIPT--></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->