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


		
          
		
          先生成個(gè)table。點(diǎn)擊<thead>部分的話，<tbody>會(huì)消失


          

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

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="odd">－采購(gòu)作業(yè)</td>

                            </tr>
                            <tr>
                                <td>－采購(gòu)簽核作業(yè)</td>

                            </tr>
                            <tr>
                                <td class="odd">－采購(gòu)單打印</td>

                            </tr>
                            <tr>
                                <td>－采購(gòu)預(yù)計(jì)一覽表</td>

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

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="odd">－采購(gòu)作業(yè)</td>

                            </tr>
                            <tr>
                                <td>－采購(gòu)簽核作業(yè)</td>

                            </tr>
                            <tr>
                                <td>－采購(gòu)單打印</td>

                            </tr>
                            <tr>
                                <td>－采購(gòu)預(yù)計(jì)一覽表</td>

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


          接下來(lái)是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的父節(jié)點(diǎn)是table
                      if(tbody[0].style.display =="")
                      tbody[          0].style.display="none";            
                                else
                      tbody[          0].style.display="";
                  }
                 }
                        var tbody = document.getElementsByTagName("tbody");
          //初始化，讓所有的tbody都關(guān)閉
              for(var i=0;i<tbody.length;i++){
                  
                  
                  tbody[i].style.display          ="none";
              
              }
              }

          window.onload           = collapse;
          

          

          
	
          


          
	    
    




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
	
          
	
	
	

          

    







          
        
	




主站蜘蛛池模板：
双城市|
永康市|
安图县|
扶沟县|
江陵县|
崇仁县|
溧水县|
富顺县|
且末县|
宜章县|
平乐县|
靖远县|
闻喜县|
保康县|
鹤庆县|
千阳县|
仁怀市|
望奎县|
清徐县|
林芝县|
黔西县|
邵武市|
青州市|
胶南市|
桐庐县|
伊宁县|
平果县|
安徽省|
临江市|
商南县|
惠安县|
手游|
仁化县|
通辽市|
武汉市|
林甸县|
盈江县|
海林市|
扬州市|
兴宁市|
鹤山市|