Phiên bản đầy đủ: jsB@nk » Trình đơn » Định hướng » Menu nhiều cấp [từ trái sang]
URL: https://www.javascriptbank.com/the-ac-menu-ii.html
![Menu nhiều cấp [từ trái sang] © JavaScriptBank.com](/javascript.images/menu/the-ac-menu-ii.jpg)
Hiệu ứng làm cho các tùy chọn con của menu sẽ lần lượt trượt theo thứ tự từ trái sang phải khi bạn nhấp vào menu cha.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Định hướng » Menu nhiều cấp [từ trái sang]
URL: https://www.javascriptbank.com/the-ac-menu-ii.html
<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 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.pixelLeft<=-2){document.all.Sub1.style.pixelLeft+=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.pixelLeft<=-2){document.all.Sub2.style.pixelLeft+=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.pixelLeft<=-2){document.all.Sub3.style.pixelLeft+=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.pixelLeft<=-2){document.all.Sub4.style.pixelLeft+=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.pixelLeft<=-2){document.all.Sub5.style.pixelLeft+=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.pixelLeft<=-2){document.all.Sub6.style.pixelLeft+=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.pixelLeft<=-2){document.all.Sub7.style.pixelLeft+=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: -20px; left: -180px;"></div><div id="Sub2" style="position: relative; top: -20px; left: -260px;"></div><div id="Sub3" style="position: relative; top: -20px; left: -320px;"></div><div id="Sub4" style="position: relative; top: -20px; left: -380px;"></div><div id="Sub5" style="position: relative; top: -20px; left: -440px;"></div><div id="Sub6" style="position: relative; top: -20px; left: -500px;"></div><div id="Sub7" style="position: relative; top: -20px; left: -560px;"></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-->