丄諦啲仇魜ヤ              
          
		如 果 敵 人 讓 你 生 氣 , 那 說(shuō) 明 你 沒(méi) 有 勝 他 的 把 握！ 

	
          

          
          		
	

          

          


          
	
		
          
			


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

          







          
	    
    


          
FeedBack:

          
	

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

          

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








          








          

				

          



    







          
        
	




主站蜘蛛池模板：
图木舒克市|
建平县|
达拉特旗|
中西区|
鲁甸县|
崇左市|
衡东县|
沧源|
潮安县|
阳朔县|
麦盖提县|
淮安市|
绩溪县|
延寿县|
东宁县|
桐庐县|
长岭县|
双城市|
军事|
贡觉县|
高州市|
苏尼特左旗|
石台县|
澎湖县|
冷水江市|
大余县|
当雄县|
安顺市|
栖霞市|
佛坪县|
涟源市|
裕民县|
兰考县|
察隅县|
香河县|
阳曲县|
信阳市|
老河口市|
三都|
葫芦岛市|
常州市|