丄諦啲仇魜ヤ
          如 果 敵 人 讓 你 生 氣 , 那 說 明 你 沒 有 勝 他 的 把 握!
          posts - 6,comments - 56,trackbacks - 1
          <%@ page language="java"  pageEncoding="UTF-8"%>
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          <html>
              
          <head>
                  
          <title>My JSP 'index.jsp' starting page</title>
              
          <style> 
                  
          <!-- 
                  #foldheader
          {
                  cursor:hand ;
                  font
          -weight:bold ; 
                  list
          -style-image:url(fold.gif)
                  }
           
                   
                  
          //--> 
             </style>
             
          <script type="text/javascript"> 
                
          <!-- 

                  var head
          ="display:''" 
                  img1
          =new Image() 
                  img1.src
          ="fold.gif" 
                  img2
          =new Image() 
                  img2.src
          ="open.gif" 

                  function change()

                      
          if(!document.all) {
                          
          return ;
                      }

                      
          if (event.srcElement.id=="foldheader"
                          var srcIndex 
          = event.srcElement.sourceIndex ;
                          var nested 
          = document.all[srcIndex+1] ;
                      }

                      
          if (nested.style.display=="none"
                          nested.style.display
          ='' ;
                          event.srcElement.style.listStyleImage
          ="url(open.gif)";
                       }
           
                      
          else 
                          nested.style.display
          ="none" 
                          event.srcElement.style.listStyleImage
          ="url(fold.gif)"
                       }
           
                  }
           
           
                document.onclick
          =change ;

          //--> 
          </script>

              
          </head>

              
          <body>
                  
          <ul>
                      
          <li id="foldheader">
                          Software
                      
          </li>
                      
          <ul id="foldinglist" style="display:none" style=&{head};>
                          
                          
          <li id="foldheader">
                              Nested
                          
          </li>
                              
          <ul id="foldinglist" style="display:none" style=&{head};>
                                  
          <li>
                                      
          <a href="#">nested 1</a>
                                  
          </li>
                                  
          <li>
                                      
          <a href="#">nested 2</a>
                                  
          </li>
                              
          </ul>
                          
                      
          </ul>
                  
          </ul>
                  

              
          </body>
          </html>

          posted on 2007-12-06 14:55 Crying 閱讀(355) 評論(1)  編輯  收藏 所屬分類: JavaScript和CSS

          FeedBack:
          # re: 樹形菜單
          2008-03-25 09:04 | Crying
          http://www.aygfsteel.com/sitinspring/archive/2008/03/23/188005.html

          很好的一個菜單列子  回復  更多評論
            
          主站蜘蛛池模板: 定远县| 武鸣县| 罗山县| 桑植县| 滨海县| 隆回县| 叙永县| 新邵县| 长葛市| 新干县| 杭锦后旗| 抚远县| 区。| 商南县| 宜丰县| 视频| 乐山市| 永和县| 咸丰县| 武功县| 江都市| 正阳县| 门源| 宝清县| 易门县| 昌都县| 普兰店市| 东乡县| 兴宁市| 桐梓县| 合山市| 江孜县| 丹巴县| 吴忠市| 谢通门县| 裕民县| 舞钢市| 尉氏县| 都安| 定边县| 日照市|