ภาษาไทย
<html> <head> <style type="text/css"> <!-- .tablestyle1 { แบบอักษร: ปกติ 12px "宋体", Arial; สี: #777777; text-align: center; แนวตั้ง: กลาง; เส้นขอบด้านบน: 1px ทึบ #E4E4E4; เส้นขอบด้านขวา: 1px ทึบ #4E4E4; { พื้นหลัง: #FDFDFD; border-top: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; ไม่มี; } .Titledivstyle { text-align: justify; text-justify:Distribute-all-lines; } .inf1 { color: #EDB905; -top: 0px; } --> </style> <script language="JavaScript" type="text/JavaScript"> <!-- function iniINF(Init)//ซ่อนข้อมูลรายละเอียดต่างๆ เมื่อเว็บเพจเริ่มต้นกระบวนการ . { if (Init) { inf1.style.display='none'; inf2.style.display = "none"; inf3.style.display = "none"; display="none"; inf6.style.display="none"; } } ฟังก์ชัน showinf(theObj)//กระบวนการค้นหาและแสดงข้อมูลรายละเอียดที่เกี่ยวข้อง { switch(theObj) { case 'inf1'://กระบวนการประมวลผลเมื่อคลิกเมาส์เป้าหมายคือ "Bank Transfer" with(findObj(theObj)) if(style.display=='none')//ตรวจสอบว่ารายละเอียดของตัวเลือกที่คลิกด้วยเมาส์ในปัจจุบันปรากฏขึ้นหรือไม่ หากปรากฏก็จะปิด หากไม่แสดงก็จะป็อปอัป { style.display=''; inf2.style.display = "none"; inf3.style.display = "none"; inf4.style.display = "none"; style.display="none"; Menu1.style.color='#FF0000'; Menu1.style.พื้นหลัง='#E1F8C2'; Menu2.style.color=''; Menu2.style.wallpaper=''; style.color=''; Menu3.style.wallpaper=''; Menu4.style.color=''; Menu5.style.color=''; '; Menu6.style.color=''; Menu6.style.Background=''; } อื่น ๆ { style.display='none'; Menu1.style.color=''; break; case 'inf2'://ขั้นตอนการประมวลผลเมื่อคลิกเมาส์เป้าหมายคือ "การโอนเงินทางไปรษณีย์" ด้วย (findObj (theObj)) if (style.display=='none') { style.display=''; inf1.style.display = "none"; inf3.style.display = "none"; display="none"; inf5.style.display="none"; inf6.style.display="none"; Menu2.style.color='#FF0000'; Menu2.style.พื้นหลัง='#E1F8C2'; style.color=''; Menu1.style.wallpaper=''; Menu3.style.color=''; Menu3.style.พื้นหลัง=''; '; Menu5.style.color=''; Menu5.style.Background=''; Menu6.style.color=''; Menu6.style.wallpaper=''; } อื่น ๆ { style.display='none'; .style.color=''; Menu2.style.Background=''; } ตัวแบ่ง; case 'inf3'://กระบวนการประมวลผลเมื่อคลิกเมาส์เป้าหมายคือ "การชำระเงินออนไลน์" ด้วย (findObj (theObj)) if (style.display=='none') { style.display=''; inf2.style.display = "none"; inf1.style.display = "none"; display="none"; inf5.style.display="none"; inf6.style.display="none"; Menu3.style.color='#FF0000'; Menu3.style.พื้นหลัง='#E1F8C2'; style.color=''; Menu2.style.wallpaper=''; Menu1.style.color=''; Menu1.style.พื้นหลัง=''; '; Menu5.style.color=''; Menu5.style.Background=''; Menu6.style.color=''; Menu6.style.wallpaper=''; } อื่น ๆ { style.display='none'; .style.color=''; Menu3.style.Background=''; } break; case 'inf4'://กระบวนการประมวลผลเมื่อเป้าหมายการคลิกเมาส์คือ "การเติมเงินโทรศัพท์" ด้วย (findObj (theObj)) if (style.display=='none') { style.display=''; inf2.style.display = "none"; inf3.style.display = "none"; display="none"; inf5.style.display="none"; inf6.style.display="none"; Menu4.style.color='#FF0000'; Menu4.style.พื้นหลัง='#E1F8C2'; style.color=''; Menu2.style.wallpaper=''; Menu3.style.color=''; Menu3.style.พื้นหลัง=''; '; Menu5.style.color=''; Menu5.style.Background=''; Menu6.style.color=''; Menu6.style.wallpaper=''; } อื่น ๆ { style.display='none'; .style.color=''; Menu4.style.Background=''; } break; case 'inf5'://กระบวนการประมวลผลเมื่อคลิกเมาส์เป้าหมายคือ "Mobile Recharge" ด้วย (findObj (theObj)) if (style.display=='none') { style.display=''; inf2.style.display = "none"; inf3.style.display = "none"; display="none"; inf1.style.display="none"; inf6.style.display="none"; Menu5.style.color='#FF0000'; Menu5.style.พื้นหลัง='#E1F8C2'; style.color=''; Menu2.style.wallpaper=''; Menu3.style.color=''; Menu3.style.พื้นหลัง=''; '; Menu1.style.color=''; Menu1.style.Background=''; Menu6.style.color=''; Menu6.style.wallpaper=''; } อื่น ๆ { style.display='none'; .style.color=''; Menu5.style.Background=''; } break; case 'inf6'://กระบวนการประมวลผลเมื่อคลิกเมาส์เป้าหมายคือ "U Coin Card Recharge" ด้วย (findObj (theObj)) if (style.display=='none') { style.display=''; inf2.style.display = "none"; inf3.style.display = "none"; display="none"; inf5.style.display="none"; inf1.style.display="none"; Menu6.style.color='#FF0000'; Menu6.style.พื้นหลัง='#E1F8C2'; style.color=''; Menu2.style.wallpaper=''; Menu3.style.color=''; Menu3.style.พื้นหลัง=''; '; Menu5.style.color=''; Menu5.style.Background=''; Menu1.style.color=''; Menu1.style.wallpaper=''; } อื่น ๆ { style.display='none'; .style.color=''; Menu6.style.Background=''; } ตัวแบ่ง; } } // ตัวอย่าง: obj = findObj("image1"); function findObj(theObj, theDoc)//Find object function. { var p, i, foundObj; if(!theDoc) theDoc = document; if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) { theDoc = parent.frames[theObj.substring (p+1)].document; theObj = theObj.substring(0,p); } if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj]; 0; !foundObj && i < theDoc.forms.length; foundObj = findObj(theObj,theDoc.layers[i].document); if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj); } ฟังก์ชัน MM_findObj(n, d) { //v4. 01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p) +1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; สำหรับ (i=0;! x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers [i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } //--> </script> </head> <body onLoad="iniINF(true );"> <center><div align="center"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"><table width="480" border="0" cellpadding="0" cellspacing="0" class="tablestyle1"> <tr> <td><table width=" 100%" border="0" cellspacing="0" cellpadding="0" class="Tdstyle1"> <tr> <td id=Menu1 width="80" height="20" align="center" onMouseUp=" showinf('inf1')">โอนเงินผ่านธนาคาร</td> <td id=Menu2 width="80" align="center" onMouseUp="showinf('inf2')">โอนเงินทางไปรษณีย์</td> <td id = Menu3 width="80" align="center" onMouseUp="showinf('inf3')">ชำระเงินออนไลน์</td> <td id=Menu4 width="80" align="center" onMouseUp="showinf(' inf4 ')">เติมเงินโทรศัพท์</td> <td id=Menu5 width="80" align="center" onMouseUp="showinf('inf5')">เติมเงินมือถือ</td> <td id=Menu6 width= " 80" align="center" onMouseUp="showinf('inf6')">เติมเงินบัตรเหรียญ U</td> </tr> </table></td> </tr> <tr> <td height= " 200" valign="top" id="inf1"><table width="90%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td ความสูง = "200" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="inf1"> <tr> <td height="20"> < div align="justify">ข้อมูลการโอนเงิน: </div></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td height=" 20 "><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">ธนาคารของบัญชี</td> <td width="360"><div align="left">:สาขา XXX ของธนาคารพาณิชย์เซินเจิ้น</div></td> </tr> </table></td> </tr> <tr> <td height="20"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">ชื่อบัญชี </ td> <td><div align="left">:เซินเจิ้น XXXXXXXXX Co., Ltd. </div></td> </tr> </table></td> </tr> <tr> <td height= "20"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">บัญชี< /td> < td><div align="left">:2326 5665 5669 2233 xxxx xxxx</div></td> </tr> </table></td> </tr> <tr> <td height="20 "> </td> </tr> <tr> <td height="20"><div align="justify">ขอแนะนำให้ทุกคนโอนเงินในธนาคาร... </div> </td> </tr> < /table></td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id=" inf2"><table width="90 %" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="200"><table width="100 %" border="0" cellpadding= "0" cellspacing="0" class="inf2"> <tr> <td height="20"><div align="justify">ข้อมูลการโอนเงิน: </div>< /td> </tr> <tr > <td height="20"> </td> </tr> <tr> <td height="20"><ความกว้างของตาราง="100%" border="0" cellspacing="0" cellpadding="0 "> <tr> <td width="70" class="Titledivstyle1">ที่อยู่การติดต่อสื่อสาร</td> <td width="360"><div align="left">: เซินเจิ้น...</div>< /td> </tr> </table></td> </tr> <tr> <td height="20"><table width="100%" border=" 0" cellspacing="0" cellpadding= "0"> <tr> <td width="70" class="Titledivstyle">ผู้รับเงิน</td> <td><div align="left">: Shenzhen XXXXXXXXX Co. , จำกัด</div></ td> </tr> </table></td> </tr> <tr> <td height="20"><table width="100%" border="0 " cellspacing="0" cellpadding=" 0"> <tr> <td width="70" class="Titledivstyle">รหัสไปรษณีย์</td> <td><div align="left">:xxxxxx</div> </td> </tr> < /table></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td height="20"> <div align="justify">คำแนะนำ เมื่อทุกคนส่งเงินที่ที่ทำการไปรษณีย์... </div></td> </tr> </table></td> </tr> </table></ td> </tr> <tr> <td height= "200" valign="top" id="inf3"><ความกว้างของตาราง="90%" height="100%" border="0" cellpadding="0 " cellspacing="0"> <tr> <td height ="200" valign="middle">นี่คือข้อมูล <font color="#FD5A02">"การชำระเงินออนไลน์"</font> </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf4"><ความกว้างของตาราง="90%" ความสูง ="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="200" valign="middle">นี่คือ<font color="#3C8FEC">" โทรศัพท์ ข้อมูลการเติมเงิน"</font> </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf5"><ความกว้างของตาราง="90%" ความสูง ="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="200" valign="middle">นี่คือ<font color="#9E3CE8">" มือถือ ข้อมูลการเติมเงินโทรศัพท์"</font> </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf6"><ความกว้างของตาราง="90%" ความสูง ="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="200" valign="middle">นี่คือ<font color="#62A70E">"U ข้อมูลการเติมเงินบัตรเหรียญ" </td> </tr> </table></td> </tr> </table> </td> </tr> </table> </div></center> </body></ html>