丄諦啲仇魜ヤ              
          
		如 果 敵 人 讓 你 生 氣 , 那 說 明 你 沒 有 勝 他 的 把 握！ 

	
          

          
          		
	

          

          


          
	
		
          
			


          
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

          

          很好的一個菜單列子  回復  更多評論
            
          
			
          
			
			
		
          
	








          








          

				

          



    







          
        
	




主站蜘蛛池模板：
桂林市|
同德县|
浮山县|
红安县|
集安市|
汝阳县|
体育|
佛教|
洮南市|
布尔津县|
石台县|
蕉岭县|
清流县|
隆化县|
遵化市|
茌平县|
马公市|
宜昌市|
乌什县|
郴州市|
文水县|
南丹县|
阿巴嘎旗|
禄劝|
揭东县|
昌江|
南宫市|
武邑县|
晋江市|
松溪县|
册亨县|
江口县|
绥江县|
安岳县|
阳曲县|
舟曲县|
乌鲁木齐县|
江口县|
信丰县|
新民市|
禄丰县|