posts - 60,comments - 71,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 2008-06-10 16:32 henry1451 閱讀(341) 評論(0)  編輯  收藏  所屬分類: Jsp,Js,Ajax,Html技術 
          

          







          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
海南省|
呈贡县|
乌兰县|
和硕县|
兴业县|
城口县|
华坪县|
简阳市|
桐乡市|
永定县|
富锦市|
盐山县|
峨眉山市|
井研县|
长丰县|
永和县|
连南|
兖州市|
搜索|
伊川县|
门源|
绩溪县|
乌苏市|
维西|
乌海市|
扬州市|
什邡市|
福贡县|
曲水县|
德令哈市|
万全县|
科技|
托里县|
阿克苏市|
连南|
米泉市|
巴东县|
界首市|
务川|
毕节市|
建瓯市|