ffffffffff
			
          
 			Posted on 2007-04-29 00:53 dodo.loveme 閱讀(101) 評論(0)  編輯  收藏  
			
			


		
          
		
          先生成個table。點擊<thead>部分的話，<tbody>會消失


          

          <table width="175" border="0" id="table1" cellspacing="2">
                        <thead>
                            <tr>
                                <th><acronym style="cursor: hand; " title="在此可以查詢本周具體的采購清單項目">采購管理</acronym></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="odd">－<a href="http://localhost:8080/Hotel/purchaseExamine.jsp" target="main">采購作業</a></td>
                            </tr>
                            <tr>
                                <td>－<a href="http://purchaseExamine.jsp" target="main">采購簽核作業</a></td>
                            </tr>
                            <tr>
                                <td class="odd">－采購單打印</td>
                            </tr>
                            <tr>
                                <td>－采購預計一覽表</td>
                            </tr>
                        </tbody>
          </table>
          <table width="175" border="0" id="table1">
                        <thead>
                            <tr>
                                <th><acronym style="cursor: hand; " title="在此可以查詢本周具體的采購清單項目">采購管理</acronym></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="odd">－采購作業</td>
                            </tr>
                            <tr>
                                <td>－采購簽核作業</td>
                            </tr>
                            <tr>
                                <td class="odd">－采購單打印</td>
                            </tr>
                            <tr>
                                <td>－采購預計一覽表</td>
                            </tr>
                        </tbody>
          </table>
          <table width="175" border="0" id="table1">
                        <thead>
                            <tr>
                                <th><acronym style="cursor: hand; " title="在此可以查詢本周具體的采購清單項目">采購管理</acronym></th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="odd">－采購作業</td>

                            </tr>
                            <tr>
                                <td>－采購簽核作業</td>

                            </tr>
                            <tr>
                                <td class="odd">－采購單打印</td>

                            </tr>
                            <tr>
                                <td>－采購預計一覽表</td>

                            </tr>
                        </tbody>
          </table>
          <table width="175" border="0" id="table2">
                        <thead>
                            <tr>
                                <th><acronym style="cursor: hand; " title="在此可以查詢本周具體的采購清單項目">采購管理</acronym></th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="odd">－采購作業</td>

                            </tr>
                            <tr>
                                <td>－采購簽核作業</td>

                            </tr>
                            <tr>
                                <td>－采購單打印</td>

                            </tr>
                            <tr>
                                <td>－采購預計一覽表</td>

                            </tr>
                        </tbody>
          </table>
          


          接下來是javaScript代碼

          

           function collapse(){
                 
             
                           var thead = document.getElementsByTagName("thead");
              
                        for(var i=0;i<thead.length;i++){
                  
              
                  thead[i].onclick          = function(){
                                var tbody = this.parentNode.getElementsByTagName("tbody");
          //thead的父節點是table
                      if(tbody[0].style.display =="")
                      tbody[          0].style.display="none";            
                                else
                      tbody[          0].style.display="";
                  }
                 }
                        var tbody = document.getElementsByTagName("tbody");
          //初始化，讓所有的tbody都關閉
              for(var i=0;i<tbody.length;i++){
                  
                  
                  tbody[i].style.display          ="none";
              
              }
              }

          window.onload           = collapse;
          

          

          
	
          


          
	    
    




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
	
          
	
	
	

          

    







          
        
	




主站蜘蛛池模板：
禄劝|
陕西省|
定结县|
吕梁市|
怀仁县|
嘉黎县|
通许县|
六盘水市|
娄烦县|
乐清市|
池州市|
安丘市|
平原县|
新蔡县|
新安县|
舒兰市|
鸡泽县|
社会|
台湾省|
云霄县|
赤峰市|
卢龙县|
囊谦县|
荣成市|
前郭尔|
耒阳市|
唐山市|
大足县|
明水县|
延川县|
乌拉特前旗|
邮箱|
平阳县|
苍梧县|
吉木萨尔县|
谷城县|
美姑县|
福泉市|
旬阳县|
清涧县|
腾冲县|