av国产剧情md精品麻豆,免费啪视频在线观看视频久18,特黄a又粗又大又黄又爽A片,国产av天堂

    有時(shí)我們開(kāi)發(fā)時(shí)，會(huì)遇到一個(gè)頁(yè)面分為好幾大塊，整個(gè)頁(yè)面顯示起來(lái)比較冗長(zhǎng)。此時(shí)，可以通過(guò)收縮部分內(nèi)容，先對(duì)展開(kāi)內(nèi)容進(jìn)行操作，然后收縮起來(lái)再對(duì)收縮的內(nèi)容進(jìn)行展開(kāi)。那么，如何通過(guò)層實(shí)現(xiàn)網(wǎng)站頁(yè)面部分內(nèi)容展開(kāi)與收縮呢？下面我們來(lái)學(xué)習(xí)一下：

    1  必須的樣式表，控制顯示和隱藏。

  <STYLE>
   .expanded
   {
   
   }
   .collapsed
   {
   DISPLAY: none;
   }

</STYLE>

    2  一段腳本，實(shí)現(xiàn)onclick事件或其他事件處理的方法。

  <script language="javascript">
  <!--
   function change()
   {
    var child = document.all[event.srcElement.getAttribute("child",false)];
    if (null != child){
     if(child.className == "expanded")
     {
      child.className = "collapsed";
      return;
     }
     if(child.className == "collapsed")
     {
      child.className = "expanded";
      return;
     }
    }
   }
  //-->
  </script> 

    3  如何在html使用。

   <p align="center">是否顯示 <input type="checkbox" onclick="change()"  child="all" /></p>
        <div  class="collapsed" id="all">  <!--初始為不顯示-->

<table>

<tr>
              <td> 屬性名：
                <input name="nameData3" type="text" id="nameData3" /></td>
              <td> 屬性值：
                <input name="valueData3" type="text" id="valueData3" />
              </td>
            </tr>
            <tr>
              <td> 屬性名：
                <input name="nameData4" type="text" id="nameData4" /></td>
              <td> 屬性值：
                <input name="valueData4" type="text" id="valueData4" />
              </td>
            </tr>
          </table>

</div