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>
          
          只是一個簡單的實現(xiàn)方法，具體的樣式美觀方面的東西可以自己修改。

	
          posted on 2008-06-10 16:32 henry1451 閱讀(343) 評論(0)  編輯  收藏  所屬分類: Jsp,Js,Ajax,Html技術(shù) 
          

          







          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
青阳县|
衢州市|
迁西县|
麻阳|
晋城|
柳州市|
乌兰浩特市|
化州市|
南宫市|
余干县|
万宁市|
竹北市|
临江市|
宁波市|
闽侯县|
修文县|
资源县|
隆昌县|
上高县|
海安县|
固阳县|
云林县|
毕节市|
抚州市|
垣曲县|
稻城县|
昌乐县|
时尚|
甘肃省|
汝州市|
西藏|
靖安县|
改则县|
昆山市|
开远市|
盐山县|
法库县|
巫山县|
贺兰县|
阜宁县|
临江市|