<style> .move { width:100%; background-color:#99CCFF; border-bottom:1px solid blue; font-size:8px; font-family:Ms Sans Serif; font-color:"#33CCAA"; text-align:center; } .info { width:100%; background-color:#99CCFF; border-top:1px solid blue; font-size:8px; font-family:Ms Sans Serif; font-color:"#33CCAA"; } .panel { width:150; position:absolute; border:1px solid blue; left:315; top:50; font-size:8px; font-family:Ms Sans Serif; } .panel a:visited{color:blue;} .panel a{text-decoration:none;color:blue} .panel a:hover{text-decoration:none;} #panel a.visited{ text-decoration:none; } .menu { width:100%; background-color:lightyellow; font-size:8px; font-family:Ms Sans Serif; } </style> <SCRIPT LANGUAGE="JavaScript"> N = (document.all) ? 0 : 1; var ob; var over = false; function MD(e) { if (over) { if (N) { ob = document.getElementById("panel"); X=e.layerX; Y=e.layerY; return false; } else { ob = document.getElementById("panel"); ob = ob.style; X=event.offsetX; Y=event.offsetY; } } } function MM(e) { if (ob) { if (N) { ob.style.top = e.pageY-Y; ob.style.left = e.pageX-X; } else { ob.pixelLeft = event.clientX-X + document.body.scrollLeft; ob.pixelTop = event.clientY-Y + document.body.scrollTop; return false; } } } function MU() { ob = null; } if (N) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU; </script>

<div id="panel" class="panel" > <script language="JavaScript"> function getArray(id) { var splitarray = link[id].split("|"); return splitarray; } function info(i,obj,col) { sublink = getArray(i); infobar = document.getElementById("infob"); infobar.innerHTML = "<img src='../../images/menuarrow.gif'> "+sublink[2]; obj.style.backgroundColor=col; } function endi(obj,col) { obj.style.backgroundColor=col; infobar = document.getElementById("infob"); infobar.innerHTML = "<img src='../../images/menuarrow.gif'> <br>"; } var link = new Array(); link[0] = ". thaiwebcreator.com|http://www.thaiwebcreator.com|HOST ดีราคาถูก"; link[1] = ". CHAIYO|http://www.chaiyo.com|CHAIYO"; link[2] = ". GAZIB|http://www.gazib.com|GAZIB"; link[3] = ". NONGKHAIWEB|http://www.nongkhaiweb.com|NONGKHAI WEB"; link[4] = ". ZARATAWEB|http://www.zarataweb.com|ZARATAWEB"; link[5] = ". ENTRANCE|http://www.entrance.co.th|ENTRANCE"; document.write("<div class='move' onmouseover='over=false;' onmouseout='over=false;' style='cursor:move'><font color=red><b>MENU</b></font></div><div class='menu'><br></div>"); for(i=0;i<link.length;i++) { sublink = getArray(i); document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover=\"info("+i+",this,'gold')\" onmouseout=\"endi(this,'lightyellow')\" style='cursor:hand'> "+ sublink[0] +"</div></a>"); } document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><img src='../../images/menuarrow.gif'> <br></div>"); </script> </div>