文章标题列表和内容都在一页显示的问题

Question

这个很简单，只要把下部分的元素的style="display:none"，然后点击标题后改成disply:block就可以了。

Answer 1

用一个onclick事件控制下面部分的style:display是none或者block

Answer 2

分 iframe 可以是可以，但是由于需要从数据库里再读取一遍数据，颇有麻烦

Answer 3

文章标题上加onclick事件，刷新文章内容部分（iframe、层或表格）

Answer 4

这个问题不是已经有人解答了吗? 用框架呀, 为了漂亮点你可以用 iframe , 用框架做最简单, 当然你也可以一次性把内容都下到浏览器里(若内容不多的话), 然后再根据点击的标题显示
这是一个用框架的例子:
<a href="http://www.sina.com.cn" target=meizz>sina</a>
<a href="http://www.163.com" target=meizz>163</a>
<a href="http://www.sohu.com" target=meizz>sohu</a>
<a href="http://www.csdn.net" target=meizz>csdn</a><br>
<iframe width=100% height=300 frameborder=0 name=meizz></iframe>这是一次性下载到客户端分类显示的例子:
<SCRIPT LANGUAGE="JavaScript"><!--
var content = 
{
  标题一 : "标题一 对应的相关内容",
  标题二 : "标题二 对应的相关内容",
  标题三 : "标题三 对应的相关内容",
  标题四 : "标题四 对应的相关内容",
  标题五 : "标题五 对应的相关内容",
  标题六 : "标题六 对应的相关内容"
}
function meizz(e)
{
  areaShow.innerHTML = content[e.innerText];
}
//--></SCRIPT>
<span onclick="meizz(this)">标题一</span>
<span onclick="meizz(this)">标题二</span>
<span onclick="meizz(this)">标题三</span>
<span onclick="meizz(this)">标题四</span>
<span onclick="meizz(this)">标题五</span>
<span onclick="meizz(this)">标题六</span>
<div id=areaShow style="height: 100; background-color: #F0F0F0"></div>