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

	
          

          
          		
	

          

          


          
	
		
          
			


          
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 閱讀(364) 評(píng)論(1)  編輯  收藏  所屬分類: JavaScript和CSS 
          

          







          
	    
    


          
FeedBack:

          
	

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

          

          很好的一個(gè)菜單列子  回復(fù)  更多評(píng)論
            
          
			
          
			
			
		
          
	








          








          

				

          



    







          
        
	




主站蜘蛛池模板：
夹江县|
区。|
长治县|
九寨沟县|
绵竹市|
连城县|
上饶县|
那坡县|
五大连池市|
云安县|
甘泉县|
巴林左旗|
武宣县|
临沧市|
独山县|
青铜峡市|
朝阳区|
长阳|
贵定县|
泸定县|
沙坪坝区|
中牟县|
吉林市|
河北省|
玉屏|
湖北省|
万载县|
英吉沙县|
井研县|
门源|
临邑县|
和静县|
阿合奇县|
阿图什市|
长乐市|
广东省|
威远县|
革吉县|
上高县|
大田县|
海阳市|