Español
<html> <head> <style type="text/css"> <!-- .tablestyle1 { fuente: normal 12px "宋体", Arial; color: #777777; decoración de texto: ninguna; alineación vertical: borde superior: 1px sólido #E4E4E4; borde derecho: 1px sólido #4E4E4E; borde inferior: 1px sólido #4E4E4E; { fondo: #FDFDFD; borde superior: 1 px sólido #E6E6E6; borde derecho: 1 px sólido #E6E6E6; cursor: mano; ninguno; } .Titledivstyle { text-align: justificar; text-justify:Distribute-all-lines; } .inf1 { color: #EDB905 } .inf2 { color: #107460; -top: 0px; } --> </style> <script language="JavaScript" type="text/JavaScript"> <!-- function iniINF(Init)//Ocultar diversa información detallada cuando se inicializa la página web . { if(Init) { inf1.style.display='none'; inf2.style.display="none"; inf3.style.display="none"; inf4.style.display="none"; display="none"; inf6.style.display="none"; } } function showinf(theObj)//El proceso de buscar y mostrar la información detallada correspondiente. { switch(theObj) { case 'inf1'://El proceso de procesamiento cuando el destino del clic del mouse es "Transferencia bancaria". with(findObj(theObj)) if(style.display=='none')//Compruebe si se muestran los detalles de la opción actualmente en la que hace clic con el mouse. Si se muestra, se cerrará; si no se muestra, aparecerá. { estilo.display=''; inf2.style.display="ninguno"; inf3.style.display="ninguno"; inf4.style.display="ninguno"; style.display="none"; Menu1.style.color='#FF0000'; Menu1.style.background='#E1F8C2'; Menu2.style.color=''; estilo.color=''; Menú3.estilo.fondo=''; Menú4.estilo.color=''; '; Menu6.style.color='; Menu6.style.background='; } else { style.display='none'; Menu1.style.background='; break; case 'inf2'://El proceso de procesamiento cuando el destino del clic del mouse es "Remesa de correos". with(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'; estilo.color=''; Menú1.estilo.fondo=''; Menú4.estilo.fondo=''; '; Menu5.style.color=''; Menu5.style.background='; Menu6.style.color='; Menu6.style.background='; .style.color=''; Menu2.style.background=''; } break; case 'inf3'://El proceso de procesamiento cuando el objetivo del clic del mouse es "Pago en línea". with(findObj(theObj)) if(style.display=='none') { style.display=''; inf2.style.display="none"; inf1.style.display="none"; display="ninguno"; inf5.style.display="none"; inf6.style.display="none"; Menu3.style.color='#FF0000'; estilo.color=''; Menú2.estilo.fondo=''; Menú4.estilo.fondo=''; '; Menu5.style.color=''; Menu5.style.background='; Menu6.style.color='; Menu6.style.background='; .style.color=''; Menu3.style.background=''; } break; case 'inf4'://El proceso de procesamiento cuando el objetivo del clic del mouse es "Recarga del teléfono". with(findObj(theObj)) if(style.display=='none') { style.display=''; inf2.style.display="none"; inf3.style.display="none"; display="ninguno"; inf5.style.display="none"; inf6.style.display="none"; Menu4.style.color='#FF0000'; estilo.color=''; Menú2.estilo.fondo=''; Menú3.estilo.color=''; '; Menu5.style.color=''; Menu5.style.background='; Menu6.style.color='; Menu6.style.background='; .style.color=''; Menu4.style.background=''; } break; case 'inf5'://El proceso de procesamiento cuando el objetivo del clic del mouse es "Recarga móvil". with(findObj(theObj)) if(style.display=='none') { style.display=''; inf2.style.display="none"; inf3.style.display="none"; display="ninguno"; inf1.style.display="none"; inf6.style.display="none"; Menu5.style.color='#FF0000'; estilo.color=''; Menú2.estilo.fondo=''; Menú3.estilo.color=''; '; Menu1.style.color=''; Menu1.style.background='; Menu6.style.color='; Menu6.style.background='; .style.color=''; Menu5.style.background=''; } break; case 'inf6'://El proceso de procesamiento cuando el objetivo del clic del mouse es "Recarga de tarjeta de moneda U". with(findObj(theObj)) if(style.display=='none') { style.display=''; inf2.style.display="none"; inf3.style.display="none"; display="ninguno"; inf5.style.display="none"; inf1.style.display="none"; Menu6.style.color='#FF0000'; estilo.color=''; Menú2.estilo.fondo=''; Menú3.estilo.color=''; '; Menu5.style.color=''; Menu5.style.background='; Menu1.style.color='; Menu1.style.background='; .style.color=''; Menu6.style.background=''; } break; } } // Ejemplo: obj = findObj("image1"); función findObj(theObj, theDoc)//Buscar objeto. { 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 = findObj(theObj,theDoc.layers[i].document); if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj); return foundObj } function MM_findObj(n, d) { //v4. 01 var p,i,x; if(!d) d=documento 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]; x&&i<d.forms.length;i++) x=d.forms[i][n]; para(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) );"> <centro><div align="centro"> <table width="100%" height="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td align="center" valign="middle"><table width="480" border="0" cellpadding="0" cellpacing="0" class="tablestyle1"> <tr> <td><table width=" 100%" border="0" cellpacing="0" cellpadding="0" class="Tdstyle1"> <tr> <td id=Menu1 width="80" height="20" align="center" onMouseUp=" showinf('inf1')">Transferencia bancaria</td> <td id=Menu2 width="80" align="center" onMouseUp="showinf('inf2')">Transferencia postal</td> <td id = Menu3 width="80" align="center" onMouseUp="showinf('inf3')">Pago en línea</td> <td id=Menu4 width="80" align="center" onMouseUp="showinf(' inf4 ')">Recarga de teléfono</td> <td id=Menu5 width="80" align="center" onMouseUp="showinf('inf5')">Recarga de móvil</td> <td id=Menu6 width= " 80" align="center" onMouseUp="showinf('inf6')">Recarga de tarjeta de moneda U</td> </tr> </table></td> </tr> <tr> <td height= " 200" valign="top" id="inf1"><anchura de tabla="90%" altura="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td altura = "200" valign="middle"><table width="100%" border="0" cellpadding="0" cellpacing="0" class="inf1"> <tr> <td height="20"> < div align="justify">Información de remesas: </div></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td height=" 20 "><table width="100%" border="0" cellpacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">Banco de cuenta</td> <td width="360"><div align="left">:XXX sucursal del banco comercial de Shenzhen</div></td> </tr> </table></td> </tr> <tr> <td height="20"><table width="100%" border="0" cellpacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">Nombre de cuenta </ td> <td><div align="left">:Shenzhen XXXXXXXXX Co., Ltd. </div></td> </tr> </table></td> </tr> <tr> <td height= "20"><table width="100%" border="0" cellpacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">Cuenta< /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">Se recomienda que todos transfieran dinero en el banco... </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" cellpacing="0"> <tr> <td height="200"><table width="100 %" border="0" cellpadding= "0" cellpacing="0" class="inf2"> <tr> <td height="20"><div align="justify">Información de remesas: </div>< /td> </tr> <tr > <td altura="20"> </td> </tr> <tr> <td altura="20"><ancho de tabla="100%" borde="0" cellpacing="0" cellpadding="0 "> <tr> <td width="70" class="Titledivstyle1">Dirección de correspondencia</td> <td width="360"><div align="left">: Shenzhen...</div>< /td> </tr> </table></td> </tr> <tr> <td height="20"><table width="100%" border=" 0" cellpacing="0" cellpadding= "0"> <tr> <td width="70" class="Titledivstyle">Beneficiario</td> <td><div align="left">: Shenzhen XXXXXXXXX Co. , Ltd.</div></ td> </tr> </table></td> </tr> <tr> <td height="20"><table width="100%" border="0 " cellpacing="0" cellpadding=" 0"> <tr> <td width="70" class="Titledivstyle">Código postal</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">Sugerencia Cuando todos envíen dinero a la oficina de correos... </div></td> </tr> </table></td> </tr> </table></ td> </tr> <tr> <td height= "200" valign="top" id="inf3"><table width="90%" height="100%" border="0" cellpadding="0 "cellspacing="0"> <tr> <td height ="200" valign="middle">Esta es información de <font color="#FD5A02">"Pago en línea"</font>. </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf4"><table width="90%" height ="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td height="200" valign="middle">Este es<font color="#3C8FEC">" teléfono Recarga"</font>información. </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf5"><table width="90%" height ="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td height="200" valign="middle">Este es<font color="#9E3CE8">" móvil recarga de teléfono"</font>información. </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf6"><table width="90%" height ="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td height="200" valign="middle">Esto es<font color="#62A70E">"U Recarga de Tarjeta de Monedas"</font>información. </td> </tr> </table></td> </tr> </table> </td> </tr> </table> </div></center> </body></ HTML>