单一静态网页如何实现点击左边菜单在右边展现内容
网上看了，类似的问题很多，回答也很多。但是没有一个回答是单一网页文件实现的。单页网页文件左边目录右边内容，点击左边的目录，右边显示相应的内容。不要框架，嵌入式框架，因为需...
网上看了，类似的问题很多，回答也很多。但是没有一个回答是单一网页文件实现的。
单页网页文件 左边目录 右边内容， 点击左边的目录，右边显示相应的内容。
不要框架，嵌入式框架， 因为需要2个以上网页文件。
请高手提供编码， 我不认软件，更不会编写，只会抄用。
刚才有个人回答说用java编写extjs， 这个我不会。 所以请直接提供编码， 如果不会就不要回答，非常棘手。 追加100分 展开
单页网页文件 左边目录 右边内容， 点击左边的目录，右边显示相应的内容。
不要框架，嵌入式框架， 因为需要2个以上网页文件。
请高手提供编码， 我不认软件，更不会编写，只会抄用。
刚才有个人回答说用java编写extjs， 这个我不会。 所以请直接提供编码， 如果不会就不要回答，非常棘手。 追加100分 展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#main{ width:980px; height:auto!important; overflow:hidden; visibility:visible; margin:auto; margin-top:0px;}
#left{ width:378px; float:left; border:#CCCCCC 1px solid;}
#right{ width:598px; float:left; border:#CCCCCC 1px solid; height:300px; padding-top:40px;}
</style>
<script>
function testdata(obj){
document.getElementById('right').innerHTML=obj;
}
</script>
</head>
<body>
<div id="main">
<!--左侧栏目-->
<div id="left">
<ul>
<li onclick="testdata('栏目一的内容')">栏目一</li>
<li onclick="testdata('栏目二的内容')">栏目二</li>
<li onclick="testdata('栏目三的内容')">栏目三</li>
<li onclick="testdata('栏目四的内容')">栏目四</li>
<li onclick="testdata('栏目五的内容')">栏目五</li>
</ul>
</div>
<!--右侧内容-->
<div id="right">这里将显示左侧栏目的内容</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#main{ width:980px; height:auto!important; overflow:hidden; visibility:visible; margin:auto; margin-top:0px;}
#left{ width:378px; float:left; border:#CCCCCC 1px solid;}
#right{ width:598px; float:left; border:#CCCCCC 1px solid; height:300px; padding-top:40px;}
</style>
<script>
function testdata(obj){
document.getElementById('right').innerHTML=obj;
}
</script>
</head>
<body>
<div id="main">
<!--左侧栏目-->
<div id="left">
<ul>
<li onclick="testdata('栏目一的内容')">栏目一</li>
<li onclick="testdata('栏目二的内容')">栏目二</li>
<li onclick="testdata('栏目三的内容')">栏目三</li>
<li onclick="testdata('栏目四的内容')">栏目四</li>
<li onclick="testdata('栏目五的内容')">栏目五</li>
</ul>
</div>
<!--右侧内容-->
<div id="right">这里将显示左侧栏目的内容</div>
</div>
</body>
</html>
追问
如果左目录有图片， 右边显示的内容也有图片呢？》？？ 图片可以外部调入
追答
图片可以写在js的赋值方法里啊 ')">栏目一
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
