選項卡二

原創 ytbada 2020-02-20 20:27

<html>
<head>
<style type="text/css">
<!--
.tablestyle1 {
 font: normal 12px "宋體", Arial;
 color: #777777;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 border-top: 1px solid #E4E4E4;
 border-right: 1px solid #4E4E4E;
 border-bottom: 1px solid #4E4E4E;
 border-left: 1px solid #E4E4E4;
 background: #FDFDFD;
}
.Tdstyle1 {
 background: #FDFDFD;
 border-top: 1px solid #E6E6E6;
 border-right: 1px solid #E6E6E6;
 border-bottom: 1px solid #E6E6E6;
 border-left: 1px solid #E6E6E6;
 cursor: hand;
 text-decoration: none;
}
.Titledivstyle {
 text-align: justify;
 text-justify:Distribute-all-lines;
}
.inf1 {
 color: #EDB905;
}
.inf2 {
 color: #107460;
}
body {
 margin-left: 0px;
 margin-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";
  inf4.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";
    inf3.style.display="none";
    inf4.style.display="none";
    inf5.style.display="none";
    inf6.style.display="none";
    Menu1.style.color='#FF0000';
    Menu1.style.background='#E1F8C2';
    Menu2.style.color='';
    Menu2.style.background='';
    Menu3.style.color='';
    Menu3.style.background='';
    Menu4.style.color='';
    Menu4.style.background='';
    Menu5.style.color='';
    Menu5.style.background='';
    Menu6.style.color='';
    Menu6.style.background='';
   }
   else
   {
    style.display='none';
                                                        Menu1.style.color='';
    Menu1.style.background='';    
   }
   break;
  case 'inf2'://當鼠標點擊目標爲“郵局匯款”時的處理過程。
   with(findObj(theObj))
   if(style.display=='none')
   {
    style.display='';
    
    inf1.style.display="none";
    inf3.style.display="none";
    inf4.style.display="none";
    inf5.style.display="none";
    inf6.style.display="none";
    Menu2.style.color='#FF0000';
    Menu2.style.background='#E1F8C2';
    Menu1.style.color='';
    Menu1.style.background='';
    Menu3.style.color='';
    Menu3.style.background='';
    Menu4.style.color='';
    Menu4.style.background='';
    Menu5.style.color='';
    Menu5.style.background='';
    Menu6.style.color='';
    Menu6.style.background='';
   }
   else
   {
    style.display='none';
    
    Menu2.style.color='';
    Menu2.style.background='';
   }
   break;
  case 'inf3'://當鼠標點擊目標爲“網上支付”時的處理過程。
   with(findObj(theObj))
   if(style.display=='none')
   {
    style.display='';
    
    inf2.style.display="none";
    inf1.style.display="none";
    inf4.style.display="none";
    inf5.style.display="none";
    inf6.style.display="none";
    Menu3.style.color='#FF0000';
    Menu3.style.background='#E1F8C2';
    Menu2.style.color='';
    Menu2.style.background='';
    Menu1.style.color='';
    Menu1.style.background='';
    Menu4.style.color='';
    Menu4.style.background='';
    Menu5.style.color='';
    Menu5.style.background='';
    Menu6.style.color='';
    Menu6.style.background='';
   }
   else
   {
    style.display='none';
    
    Menu3.style.color='';
    Menu3.style.background='';
   }
   break;
  case 'inf4'://當鼠標點擊目標爲“電話充值”時的處理過程。
   with(findObj(theObj))
   if(style.display=='none')
   {
    style.display='';
    
    inf2.style.display="none";
    inf3.style.display="none";
    inf1.style.display="none";
    inf5.style.display="none";
    inf6.style.display="none";
    Menu4.style.color='#FF0000';
    Menu4.style.background='#E1F8C2';
    Menu2.style.color='';
    Menu2.style.background='';
    Menu3.style.color='';
    Menu3.style.background='';
    Menu1.style.color='';
    Menu1.style.background='';
    Menu5.style.color='';
    Menu5.style.background='';
    Menu6.style.color='';
    Menu6.style.background='';
   }
   else
   {
    style.display='none';
    
    Menu4.style.color='';
    Menu4.style.background='';
   }
   break;
  case 'inf5'://當鼠標點擊目標爲“手機充值”時的處理過程。
   with(findObj(theObj))
   if(style.display=='none')
   {
    style.display='';
    
    inf2.style.display="none";
    inf3.style.display="none";
    inf4.style.display="none";
    inf1.style.display="none";
    inf6.style.display="none";
    Menu5.style.color='#FF0000';
    Menu5.style.background='#E1F8C2';
    Menu2.style.color='';
    Menu2.style.background='';
    Menu3.style.color='';
    Menu3.style.background='';
    Menu4.style.color='';
    Menu4.style.background='';
    Menu1.style.color='';
    Menu1.style.background='';
    Menu6.style.color='';
    Menu6.style.background='';
   }
   else
   {
    style.display='none';
    
    Menu5.style.color='';
    Menu5.style.background='';
   }
   break;
  case 'inf6'://當鼠標點擊目標爲“U幣卡充值”時的處理過程。
   with(findObj(theObj))
   if(style.display=='none')
   {
    style.display='';
    
    inf2.style.display="none";
    inf3.style.display="none";
    inf4.style.display="none";
    inf5.style.display="none";
    inf1.style.display="none";
    Menu6.style.color='#FF0000';
    Menu6.style.background='#E1F8C2';
    Menu2.style.color='';
    Menu2.style.background='';
    Menu3.style.color='';
    Menu3.style.background='';
    Menu4.style.color='';
    Menu4.style.background='';
    Menu5.style.color='';
    Menu5.style.background='';
    Menu1.style.color='';
    Menu1.style.background='';
   }
   else
   {
    style.display='none';
    
    Menu6.style.color='';
    Menu6.style.background='';
   }
   break;
 }
}
// Example: 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];
  for (i=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);
 
  return foundObj;
}

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]; for (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 height="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">&nbsp;</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">帳
                     &nbsp; 戶&nbsp; 名</td>
                    <td><div align="left">：深圳市XXXXXXXXX有限公司</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">帳
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 號</td>
                    <td><div align="left">：2326 5665 5669 2233 xxxx
                        xxxx</div></td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td height="20">&nbsp;</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">&nbsp;</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" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="70" class="Titledivstyle">收
                       &nbsp; 款&nbsp; 人</td>
                      <td><div align="left">：深圳市XXXXXXXXX有限公司</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">郵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 編 </td>
                      <td><div align="left">：xxxxxx</div></td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td height="20">&nbsp;</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" 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"><table width="90%" height="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"><table width="90%" height="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"><table width="90%" height="100%"  border="0" cellpadding="0" cellspacing="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> 

ytbada
發佈了166 篇原創文章 · 獲贊 3 · 訪問量 40萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

前端面試題 - 說一下原型和原型鏈？

前端面試題 - 說一下原型和原型鏈？ JavaScript 中，萬物皆對象，對象分爲普通對象和函數對象。 所有的函數都是函數對象（typeof f === 'function'），其他都是普通對象（typeof o === 'object'

原創 2024-04-24 23:51:10

vxe-table的合併行以及同一行的合併列

vxe-table 是一款優秀的前段插件,可以採用雙向綁定快速的顯示錶格內容,頁面元素使用即時插入的方式,讓頁面更順滑 ,今天來討論一下vxe-table的合併行以及同一行的合併列 合併需要使用的屬性是 :  span-met

原創 2024-04-19 00:53:28

一種極簡單的SpringBoot單元測試方法| 京東零售技術團隊

前言 本文主要提供了一種單元測試方法，力求0基礎人員可以從本文中受到啓發，可以搭建一套好用的單元測試環境，並能切實的提高交付代碼的質量。極簡體現在除了POM依賴和單元測試類之外，其他什麼都不需要引入，只需要一個本地能啓動的springboo

原創 2024-05-10 00:30:06

GaussDB細粒度資源管控技術透視

本文分享自華爲雲社區《【GaussTech速遞】技術解讀之細粒度資源管控》，作者：GaussDB 數據庫。 背景 對數據庫集羣內資源管控與資源隔離一直是企業客戶長久以來的訴求。華爲雲GaussDB作爲一款企業級分佈式數據庫，一直致力於

原創 2024-05-09 23:22:17

O2OA紅頭文件流轉與O2OA版式公文編輯器基本使用

O2OA開發平臺在流程管理中，可以讓用戶在包含公文管理的項目實施過程中，輕鬆地實現標準化公文格式的在線編輯、痕跡保留、手寫籤批等功能。並且可以快速將版式公文編輯器集成到O2OA開發平臺之外的其他協同辦公系統中。 一、適用範圍 　　公文編

原創 2024-05-09 23:10:22

一鍵自動化博客發佈工具,用過的人都說好(簡書篇)

好不容易寫好了一篇博客，現在想要把它發佈到各個平臺上供大家一起欣賞？ 然後一個網站一個網站打開要發佈的博客站點，手動點創建文章，然後拷貝粘貼寫的markdown文件。 甚至有些網站還不支持markdown格式，你還需要對格式進行轉換。 每次

原創 2024-04-30 21:30:54

Apache DolphinScheduler支持Flink嗎？

隨着大數據技術的快速發展，很多企業開始將Flink引入到生產環境中，以滿足日益複雜的數據處理需求。而作爲一款企業級的數據調度平臺，Apache DolphinScheduler也跟上了時代步伐，推出了對Flink任務類型的支持。 Flink

原創 2024-04-30 11:49:27

ArkTS開發原生鴻蒙HarmonyOS短視頻應用

HarmonyOS實戰課程“2024鴻蒙零基礎快速實戰-仿抖音App開發（ArkTS版）”已經於今日上線至慕課網（https://coding.imooc.com/class/843.html），有致力於鴻蒙生態開發的同學們可以關注一下。

原創 2024-04-29 23:07:45

ci 404 問題總結

protected function getNode(){ //$CONTROLLER_NAME = $this->_CI->router->fetch_class(); //$ACTION_NAME = $this->_

原創 2024-04-20 00:28:27

AI從入門到入門之手寫數字識別模型java方式Dense全連接神經網絡實現

前言：授人以魚不如授人以漁.先學會用，在學原理，在學創造，可能一輩子用不到這種能力，但是不能不具備這種能力。這篇文章主要是介紹算法入門Helloword之手寫圖片識別模型java中如何實現以及部分解釋。目前大家對於人工智能-機器學習-神經網

原創 2024-04-19 23:17:21

初探Java編程——開啓你的編程之旅

標題：初探Java編程——開啓你的編程之旅 摘要：本文主要介紹了Java編程語言的基本概念、特點以及如何搭建Java開發環境。通過簡單的實例，讓讀者初步瞭解Java編程，爲其後續學習打下基礎。 一、Java概述 Java是一種面

原創 2024-04-17 00:39:23

鴻蒙原生應用再新丁！企查查 碧藍航線 入局鴻蒙

 鴻蒙原生應用再新丁！企查查 碧藍航線 入局鴻蒙 來自 HarmonyOS  微博13日消息，碧藍航線 將啓動鴻蒙原生應用開發，雙方將基於HarmonyOS NEXT鴻蒙星河版的原生流暢等特性，進一步提升遊戲流暢度和畫面精美度，爲用戶提供更

原創 2024-04-13 23:06:23

中間件漏洞攻防學習總結

前言 面試常問的一些中間件，學習總結一下。以下環境分別使用vulhub和vulfocus復現。 Apache apache 文件上傳 (CVE-2017-15715) 描述: Apache(音譯爲阿帕奇)是世界使用排名第一的Web服務器

原創 2024-04-09 22:46:34

Oracle數據庫中的索引類型分類

唯一索引（Unique Index）：保證索引列的值是唯一的，即重複值不允許。 非唯一索引（Non-Unique Index）：允許重複值存在。 組合索引（Composite Index）：在表的多個列上創建索引。 反向鍵索引（Rever

原創 2024-04-23 21:54:53

從用戶中來，到用戶中去：IPD集成產品開發之FFAB模型，讓你的產品供不應求！

IPD（集成產品開發）模型的核心價值在於它改變了企業對於產品研發的固有觀點，將企業產研的重點由“技術爲導向”升級爲“用戶需求爲導向”，強調企業在產品的研發過程中堅持以用戶/客戶爲中心。 在IPD（集成產品開發）的模式中，需要企業或者團隊在限

原創 2024-04-13 00:50:45