posts - 42, 
comments - 84, 
trackbacks - 0


          
	

          


          
	
					


          
	
	
          <head>
          
          <title>無標(biāo)題文檔</title>
          
          <style type="text/css">
          
          <!--
          

          
.hidecontent           {display:none;}
          
          -->
          
          </style>
          
          <script language="javascript">
          
          function switchTag(content)
          
          {
          
          // alert(tag);
          
//           alert(content);
          
          for(i=1; i <6; i++)
          
          {
          

          
          if ("content"+i==content)
          
          {
          
document.getElementById(content).className          ="";
          
}          else{
          
document.getElementById(          "content"+i).className="hidecontent";
          
}
          
document.getElementById(          "content").className=content;
          
}
          
}
          
          </script>
          
          </head>
          

          
          <body>
          
          <div id="container">
          
          <ul>
          
          <li><a href="#" onmouseover="switchTag('content1');this.blur();"><span>標(biāo)題一</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content2');this.blur();"><span>標(biāo)題二</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content3');this.blur();"><span>標(biāo)題三</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content4');this.blur();"><span>標(biāo)題四</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content5');this.blur();"><span>標(biāo)題五</span></a></li>
          
          </ul>
          
          </div>
          
          <div id="content" class="content1">
          

          
          <div id="content1" >標(biāo)題一中的東西</div>
          
          <div id="content2" class="hidecontent">標(biāo)題二中的東西</div>
          
          <div id="content3" class="hidecontent">標(biāo)題三中的東西</div>
          
          <div id="content4" class="hidecontent">標(biāo)題四中的東西</div>
          
          <div id="content5" class="hidecontent">標(biāo)題五中的東西</div>
          

          
          </div>
          
          </body>
          
          </html>
          

          
只是一個簡單的實(shí)現(xiàn)方法，具體的樣式美觀方面的東西可以自己修改。

	
          posted on 2007-11-11 11:39 Dong 閱讀(1520) 評論(4)  編輯  收藏  
          

          







          
	    
    










          





          


          

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


          

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

          



          

				

          





    







          
        
	




主站蜘蛛池模板：
阿坝县|
山东|
桐乡市|
汉川市|
万山特区|
大田县|
桓仁|
慈利县|
女性|
景宁|
利津县|
兴义市|
疏勒县|
临武县|
威信县|
台北市|
玉树县|
安福县|
闽侯县|
九江县|
仙游县|
芦溪县|
灌云县|
桐城市|
射洪县|
社旗县|
池州市|
保亭|
仙桃市|
沂水县|
马边|
荆门市|
佛坪县|
安阳市|
太湖县|
会宁县|
长治县|
九寨沟县|
曲阳县|
蒲江县|
陇南市|