한국어
<html> <head> <style type="text/css"> <!-- .tablestyle1 { 글꼴: 일반 12px "宋体", Arial; 텍스트 장식: 없음 텍스트 정렬: 센터; 수직 정렬: 중간; 테두리 상단: 1px 솔리드 #4E4E4E; 테두리 하단: 1px 솔리드 #E4E4E4 배경: #FDFDFD { 배경: #FDFDFD; 테두리 상단: 1px 솔리드 #E6E6E6; 테두리 하단: 1px 솔리드 #E6E6E6; 없음; } .Titledivstyle { 텍스트 정렬: 텍스트 정당화: 모든 라인 배포 } .inf2 { 색상: #107460; -top: 0px; } --> </style> <script 언어="JavaScript" type="text/JavaScript"> <!-- function iniINF(Init)//웹페이지 초기화 시 각종 세부정보 숨기기 프로세스 . { if(Init) { inf1.style.display='none'; inf3.style.display="none"; inf5.style. display="none"; inf6.style.display="none"; } } function showinf(theObj)//해당 세부 정보를 찾아 표시하는 과정입니다. { switch(theObj) { case 'inf1'://마우스 클릭대상이 "은행송금"인 경우의 처리과정입니다. with(findObj(theObj)) if(style.display=='none')//현재 마우스로 클릭한 옵션의 상세 내용이 표시되는지 확인합니다. 표시되면 닫히고, 표시되지 않으면 팝업됩니다. { style.display=''; inf2.style.display="none"; inf4.style.display="none"; style.display="none"; Menu1.style.color='#FF0000'; Menu1.style.ground='#E1F8C2'; Menu2.style.color=''; style.color=''; Menu3.style.color=''; Menu5.style.color=''; '; Menu6.style.color=''; } else { style.display='''; break;case 'inf2'://마우스 클릭대상이 "우체국송금"인 경우의 처리과정입니다. with(findObj(theObj)) if(style.display=='none') { style.display=''; inf3.style.display="none"; display="none"; inf5.style.display="none"; Menu2.style.color='#FF0000'; 메뉴1. style.color=''; Menu1.style.color=''; Menu4.style.color=''; '; Menu5.style.color=''; Menu6.style.color='' } else { style.display='none'; .style.color=''; Menu2.style.ground=''; } break; case 'inf3'://마우스 클릭 대상이 "온라인 결제"인 경우의 처리 과정입니다. with(findObj(theObj)) if(style.display=='none') { style.display=''; inf1.style.display="none"; display="none"; inf5.style.display="none"; Menu3.style.color='#FF0000'; Menu3.style.ground='#E1F8C2'; style.color=''; Menu2.style.color=''; Menu4.style.color=''; '; Menu5.style.color=''; Menu6.style.color='' } else { style.display='none'; .style.color=''; Menu3.style.Background=''; } break; case 'inf4'://마우스 클릭 대상이 "휴대폰 충전"인 경우의 처리 과정입니다. with(findObj(theObj)) if(style.display=='none') { style.display=''; inf3.style.display="none"; display="none"; inf5.style.display="none"; Menu4.style.color='#FF0000'; 메뉴2. style.color=''; Menu2.style.color=''; Menu1.style.color=''; '; Menu5.style.color=''; Menu6.style.color='' } else { style.display='none'; .style.color=''; Menu4.style.ground=''; } break; case 'inf5'://마우스 클릭 대상이 "모바일 충전"인 경우의 처리 과정입니다. with(findObj(theObj)) if(style.display=='none') { style.display=''; inf3.style.display="none"; display="none"; inf1.style.display="none"; Menu5.style.color='#FF0000'; Menu5.style.ground='#E1F8C2'; style.color=''; Menu2.style.color=''; Menu4.style.color=''; '; Menu1.style.color=''; Menu6.style.color='' } else { style.display='none'; .style.color=''; Menu5.style.ground=''; } break; case 'inf6'://마우스 클릭 대상이 "U 코인 카드 충전"인 경우의 처리 과정입니다. with(findObj(theObj)) if(style.display=='none') { style.display=''; inf3.style.display="none"; display="none"; inf5.style.display="none"; Menu6.style.color='#FF0000'; 메뉴2. style.color=''; Menu2.style.color=''; Menu4.style.color=''; '; Menu5.style.color=''; Menu1.style.color='' } else { style.display='none'; .style.color=''; Menu6.style.ground=''; } break; } } // 예: obj = findObj("image1"); function findObj(theObj, theDoc)//객체 찾기 함수. { 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; i++)foundObj = theDoc.forms[i][theObj]; for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) foundObj = findObj(theObj,theDoc.layers[i].document); if(!foundObj && document.getElementById)foundObj = document.getElementById(theObj) } function 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]; 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" 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')">은행 송금</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" cellpacing="0"> <tr> <td 높이 = "200" valign="middle"><table width="100%" border="0" cellpadding="0" cellpacing="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" cellpacing="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" cellpacing="0" cellpadding="0"> <tr> <td width="70" class="Titledivstyle">계정 이름 </ td> <td><div align="left">：심천 XXXXXXXXX 주식회사 </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">계정< /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" cellpacing="0"> <tr> <td height="200"><table width="100 %" border="0" cellpadding= "0" cellpacing="0" class="inf2"> <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="Titledivstyle1">서신 주소</td> <td width="360"><div align="left">: 심천...</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">수취인</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">우편번호</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"><table width="90%" height="100%" border="0" cellpadding="0 " cellpacing="0"> <tr> <td height ="200" valign="middle"><font color="#FD5A02">"온라인 결제"</font> 정보입니다. </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf4"><table width="90%" 높이 ="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td height="200" valign="middle">이것은<font color="#3C8FEC">" 휴대폰입니다 재충전'</font>정보를 확인하세요. </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf5"><table width="90%" 높이 ="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td height="200" valign="middle">이것은<font color="#9E3CE8">" 모바일입니다 휴대전화 충전'</font>정보를 확인하세요. </td> </tr> </table></td> </tr> <tr> <td height="200" valign="top" id="inf6"><table width="90%" 높이 ="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td height="200" valign="middle">이것은<font color="#62A70E">"U 코인카드 충전'</font>정보를 확인하세요. </td> </tr> </table></td> </tr> </table> </td> </tr> </table> </div></center> </body></ HTML>
