<style> .item_class { font-size:8px; font-family:Ms Sans Serif; } .info_bar { font-size:8px; font-family:Ms Sans Serif; overfow:hidden; text-align:center; } </style> <script language="JavaScript" > Link=[ ["thaiwebcreator.com","http://www.thaiwebcreator.com","_blank","HOST ไทยคุณภาพดี","000000","66ccff","ff3300","999999"], // ตรง 000000 คือสีตัวอักษร ตรง 66ccff คือ สีพื้นหลังใน MENU ตรง ff3300 คือสีของ LINK เวลาใช้ MOUSE ชี้ ตรง 999999 คือสีของพื้นหลังเวลานำ MOUSE ไปวาง ["ZARATAWEB","http://www.zarataweb.com.com","_blank","===> ZARATAWEB <===","000000","66ccff","ff3300","999999"], // ตรง 000000 คือสีตัวอักษร ตรง 66ccff คือ สีพื้นหลังใน MENU ตรง ff3300 คือสีของ LINK เวลาใช้ MOUSE ชี้ ตรง 999999 คือสีของพื้นหลังเวลานำ MOUSE ไปวาง ["GAZIB","http://www.gazib.com","_blank","===> GAZIB.COM <===","000000","66ccff","ff3300","999999"], // ตรง 000000 คือสีตัวอักษร ตรง 66ccff คือ สีพื้นหลังใน MENU ตรง ff3300 คือสีของ LINK เวลาใช้ MOUSE ชี้ ตรง 999999 คือสีของพื้นหลังเวลานำ MOUSE ไปวาง ["NONGKHAIWEB","http://www.nongkhaiweb.com","_blank","===> หนองคายเว็บ.คอม <===","000000","66ccff","ff3300","999999"], // ตรง 000000 คือสีตัวอักษร ตรง 66ccff คือ สีพื้นหลังใน MENU ตรง ff3300 คือสีของ LINK เวลาใช้ MOUSE ชี้ ตรง 999999 คือสีของพื้นหลังเวลานำ MOUSE ไปวาง ["โทรศัพท์มือถือ","http://mobileonline.thcity.com","_blank","===> เช็คราคามือถือ <===","000000","66ccff","ff3300","999999"] // ตรง 000000 คือสีตัวอักษร ตรง 66ccff คือ สีพื้นหลังใน MENU ตรง ff3300 คือสีของ LINK เวลาใช้ MOUSE ชี้ ตรง 999999 คือสีของพื้นหลังเวลานำ MOUSE ไปวาง ]; prop=[ 150, // ตั้งความกว้างของ MENU ครับ (เลขยิ่งมากยิ่งกว้างครับ) 17, // ตั้งความสูงของ MENU ครับ (เลขยิ่งมากยิ่งสูงครับ) 1, // ตั้งความหนาของกรอบของ MENU ครับ (เลขยิ่งมากยิ่งหนา) "solid", // style of the border items "black", // สีของกรอบของ MENU ครับ 20, // heigth of the info_panel 5, // ความห่างระหว่าง MENU กับ ข้อความอธิบาย (เลขยิ่งมากยิ่งห่างครับ แต่ถ้าไม่ต้องการให้ห่างเลยให้ใส่ 0 ครับ) "ffffcc",// สีพื้นหลังของช่วงระหว่าง MENUกับส่วนข้อความอธิบาย LINK (ในที่นี้ตั้งเป็นสีครีมครับ) 10, // ความสูงของส่วนข้อความอธิบาย LINK (เลขยิ่งมากยิ่งสูง) 1, // ตั้งค่าความหนาของกรอบของส่วนอธิบาย LINK ครับ (เลขยิ่งมากยิ่งหนา) "solid", // border-style of the info bar "black", // สีของกรอบของส่วนอธิบาย LINK ครับ "black", // สีตัวอักษรในส่วนอธิบาย LINK ครับ "ffccff", // สีพื้นหลังของส่วนอธิบาย LINK ครับ (ในที่นี้ตั้งเป็นสีม่วงครับ) "===> MENU <===", // ข้อความที่อยู่ในส่วนอธิบาย LINK เวลาไม่ได้ใช้ MOUSE ชี้ MENU ครับ (ไม่ต้องตั้งก็ได้ครับ) 1, 5, // ความเร็วในการขึ้นข้อความอธิบาย LINK (เลขยิ่งน้อยยิ่งเร็ว) 3 // STEP ในการขึ้นข้อความอธิบาย LINK (ไม่ต้องแก้ก็ได้ครับ เลขนี้กำลังดีครับ) ]; </script> <script language="JavaScript"> var carr = 0; var def = 0; var info = new Array(); var T1 = null; var ie=(document.all && document.getElementById); var ns=(!document.all && document.getElementById); function create_infom(id,varray,vprop) { info[carr] = new Array(vprop[14]); carr++; document.write("<div style='border:0px solid red;position:relative'>"); for (i=0;i<varray.length;i++) { document.write("<a href="+varray[i][1]+" target="+varray[i][2]+" style='"); document.write("color:"+ varray[i][4]); document.write(";text-decoration:none'>"); document.write("<div class='item_class' style='"); document.write("cursor:hand;width:"+vprop[0]); document.write(";height:"+vprop[1]); document.write(";background-color:"+ varray[i][5]+";border:"+ vprop[2] +"px "+ vprop[3] +" "+ vprop[4]); info[carr] = new Array(varray[i][3]) if(i != (varray.length)-1) document.write(";border-bottom-width:0px"); document.write(";' onmouseover=change(this,'"+varray[i][6]+"','"+varray[i][7]+"',"+carr+",'"+id+"','"+vprop[15]+"','"+vprop[16]+"','"+vprop[17]+"') onmouseout=change(this,'"+varray[i][4]+"','"+varray[i][5]+"','"+def+"','"+id+"','"+vprop[15]+"','"+vprop[16]+"','"+vprop[17]+"')>"); document.write(varray[i][0]); document.write("</div></a>"); carr++; } if(vprop[6] != 0)document.write("<div style='height:"+vprop[6]+";overflow:hidden;background-Color:"+vprop[7]+";width:"+vprop[0]+"'></div>"); document.write("<div class='info_bar' id='"+id+"' style='width:"+vprop[0]+";height:"+vprop[8]+";border:"+vprop[9]+"px "+vprop[10]+" "+vprop[11]+";color:"+vprop[12]+";background-color:"+vprop[13]+"';>") document.write(vprop[14]+"</div>") document.write("</div>"); def++; } // free javaScripts on http://www.ScriptBreaker.com function change(obj_div,text_color,bg_color,txt,id,effect,speed,step) { obj_div2 = document.getElementById(id) if(effect == "1") { if(T1 != null) {clearTimeout(T1);} if(ie){ obj_div2.style.filter="alpha(opacity=0)"; } if(ns){ obj_div2.style.MozOpacity = '0%'; } } obj_div2.innerHTML = info[txt]; obj_div.style.color = text_color; obj_div.style.backgroundColor = bg_color; if(effect == "1"){fade(obj_div2.id,speed,0,step);} } function fade(obj,speed,opacity,step) { if(opacity > 70) {step = parseInt(step)+50;} obj_div2 = document.getElementById(obj); if(ie){ obj_div2.style.filter="alpha(opacity="+opacity+")"; } if(ns){ obj_div2.style.MozOpacity = opacity+'%'; } opacity+=parseInt(step); if(opacity <= (100+parseInt(step)))T1 = setTimeout("fade('"+obj+"',"+speed+","+opacity+","+step+")",speed); else {T1=null;} } </script>

<script language="JavaScript"> create_infom("Ser",Link,prop); </script>