<!DOCTYPE html>
<head>
<script src="js/jquery.1.9.1.min.js" ></script>
</head>
<body>
<div id="menu" style="width: 200px;height: 200px;float: left;border:1px solid gray;">
<ul>
<li>list</li>
<li>list2</li>
<li>list3</li>
</ul>
</div>
<div id="content" style="width: 200px;height: 200px;float: left;border:1px solid gray;margin-left: 10px;">
内容
</div>
<script type="text/javascript">
// 菜单点击事件
$("#menu").find("li").click(function(){
// 获取选中的菜单索引ID
var _index = $(this).index();
// ajax 请求,把后台返回的内容显示到右边DIV中
$.get("****.action",{id:_index},function(data){
$("#content").html(data);
});
});
</script>
</body>
<head>
<script src="js/jquery.1.9.1.min.js" ></script>
</head>
<body>
<div id="menu" style="width: 200px;height: 200px;float: left;border:1px solid gray;">
<ul>
<li>list</li>
<li>list2</li>
<li>list3</li>
</ul>
</div>
<div id="content" style="width: 200px;height: 200px;float: left;border:1px solid gray;margin-left: 10px;">
内容
</div>
<script type="text/javascript">
// 菜单点击事件
$("#menu").find("li").click(function(){
// 获取选中的菜单索引ID
var _index = $(this).index();
// ajax 请求,把后台返回的内容显示到右边DIV中
$.get("****.action",{id:_index},function(data){
$("#content").html(data);
});
});
</script>
</body>