如何通过点击不同的标题，在网页同一个位置显示不同的内容？

Question

就是我通过点击一排不同内容的标题(如“小说”“音乐”“新闻”“购物”等等),然后让它们在设定的同一个位置显示，如鼠标点击“音乐”，那么方框里面显示很多个站点音乐链接，鼠标移到“新闻”点击，这是音乐版块隐藏，同一位置显示新闻的版块内容，一一同样，点击谁，就会显示谁的版块内容。希望设计高手师傅们能帮忙给个方案，请问是通过什么样的形式能够达到这种效果，烦请能给我一段代码？代码在网页中怎么用，嵌在什么位置？真的非常感谢设计高手能给以帮忙。
楼下两位回答还不太详细，最好告诉我里面的代码具体的含义，最好用个比方来解答，这样比较好了解清楚它们具体的关系，它们的控制的详细过程。

Answer 1

设置一个div块,比如<div id="divTitle" />
用document.getElementByID得到这个div块
点击连接时，用innerHtml修改内容
document.getElementById('divTitle').innerHTML = '现在是音乐';

另外一个例子

<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>

Answer 2

最简单的一个例子：
<script language="JavaScript">
function show(id){
document.getElementById("div1").style.display="none"
document.getElementById("div2").style.display="none"
document.getElementById(id).style.display=""
}
</script>
<div id="div1" >div1</div>
<div id="div2"style="display:none">div2</div>
<input type="button" value="看div1" onclick="show('div1')">
<input type="button" value="看div2" onclick="show('div2')">

Answer 3

你说的就是Tab面板了 这代码比较复杂 要用JavaScript和css配合才能完成 你可以用Dreamweaver cs3 这个软件里面可以帮你自动生成 不过外观需要你修改它的css代码 不知道你会不会 总之几句话说不清楚

Answer 4

你好 我是从事网站设计的 可以去网上下一些整站 网上很多 我个人比较喜欢 创力CMS 自己可以新建一个列表 也可以套用该整站里的 总的来说就是用它的程序来达到你想要的效果 用到的软件 DREAMWEAVER