div+点击左侧树,右侧显示页面
答案:2 悬赏:10
解决时间 2021-04-09 10:34
- 提问者网友:傲气稳全场
- 2021-04-08 23:51
用div+css构建了主界面,左侧是功能树,右侧是content区,如何点击左侧树的某个功能后,在右侧content区显示该功能的网页
最佳答案
- 二级知识专家网友:傲娇菇凉
- 2021-04-09 00:40
这个是要用框架的 右侧
左侧 的链接 arget ="rightFrame" 就行了
左侧 的链接 arget ="rightFrame" 就行了
全部回答
- 1楼网友:哭不代表软弱
- 2021-04-09 01:00
代码如下:
css
#menu,#content{float: left;}
#menu .selected{color:#ff6600;}
#content{margin-left: 40px;}
#content .box{display: none;}js
$(function(){
// 绑定点击左侧菜单链接事件
$("#menu a").click(function(){
// 设置当前点击的链接的选中样式
$(this).addclass("selected").siblings().removeclass("selected");
// $(this).index()是当前被点击链接的索引值, 找到右侧div对应的索引值显示
// 同时隐藏右侧其他的div. 此处除了用index做以外
// 也可以给左侧a标签设置id,通过id对应右侧的div.
$('#content .box:eq(' + $(this).index() + ')').show().siblings().hide();
});
});html
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯