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技術 
          

          







          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
大同县|
乐都县|
鞍山市|
双鸭山市|
巴彦淖尔市|
玉溪市|
彭水|
旺苍县|
乐安县|
佛教|
拜城县|
施秉县|
梁山县|
曲沃县|
南溪县|
宿松县|
天全县|
土默特右旗|
马尔康县|
蒙城县|
重庆市|
沙河市|
开封县|
洪江市|
西和县|
巴马|
馆陶县|
凤城市|
闵行区|
武宁县|
铅山县|
福建省|
抚远县|
乌拉特中旗|
乐平市|
体育|
马尔康县|
涪陵区|
上虞市|
南开区|
江门市|