请问如何点击左边连接,然后右边的content区域的div内显示当前连接的内容
一个小的新闻管理系统。<div class="left2_2">
<ul>
<li><span>活动管理</span></li>
<li><a href="#">活动列表</a></li>
<li><a href="#">添加活动</a></li>
</ul>
<ul>
<li><span>公告管理</span></li>
<li><a href="#">公告列表</a></li>
<li><a href="#">添加公告</a></li>
</ul>
<ul>
<li><span>用户管理</span></li>
<li><a href="#">用户列表</a></li>
<li><a href="#">添加用户</a></li>
</ul>
<ul>
<li><span>管理员管理</span></li>
<li><a href="#">管理员列表</a></li>
<li><a href="#">添加新管理员</a></li>
</ul>
</div>
<div class="left2_1"><img src="images/left2_02.jpg" /></div>
</div>
</div>
<div class="right">
<div class="right1">现在的位置:<a href="#">首页</a>>>研究报告 </div>
<div class="right2" align="center">
<div class="right2_tt" align="left">方式的发生地时代方式的发生地时代方式的发生地时代方式的发式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代</div>
</div>
<div class="right3"><img src="images/right_b_03.jpg" /></div>
</div>
</div>
希望 <div class="right2_tt" align="left">内,显示我<ul>连接内的内容,就是当我点击ul内的连接的时候,这个div把连接的页面读取出来,并显示内容
一个小的新闻管理系统。<div class="left2_2">
<ul>
<li><span>活动管理</span></li>
<li><a href="#">活动列表</a></li>
<li><a href="#">添加活动</a></li>
</ul>
<ul>
<li><span>公告管理</span></li>
<li><a href="#">公告列表</a></li>
<li><a href="#">添加公告</a></li>
</ul>
<ul>
<li><span>用户管理</span></li>
<li><a href="#">用户列表</a></li>
<li><a href="#">添加用户</a></li>
</ul>
<ul>
<li><span>管理员管理</span></li>
<li><a href="#">管理员列表</a></li>
<li><a href="#">添加新管理员</a></li>
</ul>
</div>
<div class="left2_1"><img src="images/left2_02.jpg" /></div>
</div>
</div>
<div class="right">
<div class="right1">现在的位置:<a href="#">首页</a>>>研究报告 </div>
<div class="right2" align="center">
<div class="right2_tt" align="left">方式的发生地时代方式的发生地时代方式的发生地时代方式的发式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代方式的发生地时代</div>
</div>
<div class="right3"><img src="images/right_b_03.jpg" /></div>
</div>
</div>
希望 <div class="right2_tt" align="left">内,显示我<ul>连接内的内容,就是当我点击ul内的连接的时候,这个div把连接的页面读取出来,并显示内容
1.用jquery的ajax 或者别的ajax实现
2.用框架
如果用框架,你上面的div布局是不行的。
htmlElmentevent.inerHTML=this.innerHTML
}
$div_li.click(function () {
var index = $div_li.index(this); //获取当前单机的<li>元素在全部<li>元素中的索引
$("要显示的div元素")//选取要显示的div区域元素
.eq(index).show();//显示<li>元素对应的<div>元素
.siblings().hide();//隐藏其他几个同辈的<div>元素
});
希望对你有帮助,不知道你需要的是否是这种效果。
或者你就搞个大table 分别把你的左右菜单封装到你table的2列中去,在右边的列中放iframe ,请注意iframe的高度问题,可能不会自动适应的要写js控制他~