posts - 42, 
comments - 84, 
trackbacks - 0


          
	

          


          
	
					


          
	
	
          <head>
          
          <title>無標題文檔</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>標題一</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content2');this.blur();"><span>標題二</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content3');this.blur();"><span>標題三</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content4');this.blur();"><span>標題四</span></a></li>
          
          <li><a href="#" onmouseover="switchTag('content5');this.blur();"><span>標題五</span></a></li>
          
          </ul>
          
          </div>
          
          <div id="content" class="content1">
          

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

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

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

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

          







          
	    
    










          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          





    







          
        
	




主站蜘蛛池模板：
翁源县|
浙江省|
隆化县|
都江堰市|
霍城县|
资阳市|
阿拉善左旗|
涡阳县|
亳州市|
巴塘县|
中西区|
阳曲县|
象山县|
安丘市|
若尔盖县|
惠州市|
溧水县|
科技|
大名县|
滦平县|
那曲县|
舒城县|
布尔津县|
宜川县|
松溪县|
静安区|
镇巴县|
屏南县|
布尔津县|
长沙市|
博湖县|
文山县|
乳山市|
陇西县|
祁门县|
沾益县|
甘泉县|
巴楚县|
宁河县|
亳州市|
广饶县|