<script language="javascript"> //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=" MENU" //The Sub Menu's Visible Text var msg=new Array() //Edit this msg[1]=" กลับไปหน้าหลัก" msg[2]=" thaiwebcreator.com" msg[3]=" ZARATAWEB" msg[4]=" GAZIB" msg[5]=" NONGKHAIWEB" msg[6]=" HOTMAIL" msg[7]=" ENTRANCE" //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]="http://www.codetukyang.cjb.net" link[2]="http://www.thaiwebcreator.com" link[3]="http://www.zarataweb.com" link[4]="http://www.gazib.com" link[5]="http://www.nongkhaiweb.com" link[6]="http://www.hotmail.com" link[7]="http://www.entrance.co.th" //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:crosshair;'" 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:hand;'" 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:hand;'" 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:hand;'" 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:hand;'" 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:hand;'" 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:hand;'" 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:hand;'" 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>

<div id="MainFrame" style="position:relative;top:10;left:0;"> <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>

<body onload="TheMenu()">