如何用css控制一個容器的顯示與隱藏？_Div+CSS教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      
　　
      　　根據頁面的需要有時候我們需要隱藏一些元素，但當鼠標移到某一個區域的時候，我們希望這些隱藏的元素顯示出來。用css網頁布局，我們該如何實現呢？

      　　首先我們將這一隱藏元素在頁面中隱藏掉，我們再對鏈接添加onMouseOver、onMouseOut的小腳本，改變displasy屬性的相關值，讓隱藏的元素顯示出來即可。我們看下面的xhtml代碼：

      

      

       示例代碼 [www.wf0088.com]
      

      <a href="http://www.wf0088.com/" style="color:blue" 
      onMouseOver="document.all.hehe.style.display='block'" 
      onMouseOut="document.all.hehe.style.display='none'"> 
      模板無憂 - www.wf0088.com</a>
      

      

      　　我們看下面的運行效果：

      

      

      div css xhtml xml 代碼調試框 代碼調試框 [www.wf0088.com]
      


        [ 可先修改部分代碼 再運行查看效果 ]
      

      

      　　


      

      



      


      來源：無憂整理//所屬分類：Div+CSS教程/更新時間：2007-01-29


      

      



      


      



      相關Div+CSS教程：