Question

框架结构是上、左、右，如何实现点击上部按钮，控制左侧菜单显示，并将左侧菜单第一个链接内容显示到右侧

Answer 1

1、script的部分，这里我用jquery，比较方便，楼主的要求，如果是要从后台获取数据的话，还需要用到异步（ajax）和json.不过这里我只是处理了一下静态数据，希望对你有帮助
<script type="text/javascript" src="js/jquery-1.7.js"></script>
<script type="text/javascript">
$(function(){
$(".head button").click(function(){
$(".nav").css("display","block");
$(".first_content").css("display","block");
});
});
</script>

2、css部分，这个比较简单，一看就懂，

<style type="text/css">
body{padding:0px;margin:0px;}
.content{
margin:auto;
width:600px;
}
.head{
margin:auto;
width:600px;
height:100px;
background-color: pink;
}
.left{
float:left;
width:200px;
height:200px;
background-color: #fee;
}
.right{
float:left;
width:350px;
height:200px;
margin-left:20px;
background-color: #fde;
}
.left li{
display:none;
list-style:none;
}
.first_content,.second_content,.third_content{
display:none;
}
</style>

3、html部分

<div class="content">
<div class="head">
<button>点我试试</button>
</div>
<div class="left">
<li class="nav"><a href="#">第一个</a></li>
<li class="nav"><a href="#">第二个</a></li>
<li class="nav"><a href="#">第三个</a></li>
<li class="nav"><a href="#">第四个</a></li>
<li class="nav"><a href="#">第五个</a></li>
</div>
<div class="right">
<div class="first_content">
<p>aaa</p>
</div>
<div class="second_content">
<p>bbb</p>
</div>
<div class="third_content">
<p>ccc</p>
</div>
</div>
</div>

楼主可以把三个部分的代码，粘贴过去试试效果，记得导入jquery的包，改一下包的路径