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