用css制作点击不同的导航条,但在同一页面显示不同网页内容

如题。我点击左侧的导航条,在右侧的DIV中显示不同的内容。请教高手。在线等。急~~~... 如题。
我点击左侧的导航条,在右侧的DIV中显示不同的内容。请教高手。
在线等。急~~~
展开
 我来答
rileyliu
推荐于2018-04-11 · TA获得超过478个赞
知道答主
回答量:220
采纳率:0%
帮助的人:238万
展开全部
这个很简单,用js才能实现,css样式我就不说了,左侧是a链接,右侧是div,
关键是js,在每个点击里添加onclick事件,事件触发opens函数,函数通过参数判断要打开哪个div,其余的再隐藏,给个例子你,很简单的东西,我随便写的,没有测试过,你自己研究研究:
<a href="#" onclick="opens(1)">1</a>
<a href="#" onclick="opens(2)">1</a>
<a href="#" onclick="opens(3)">1</a>

<div id="dis1">111</div>
<div id="dis2" style="display:none">222</div>
<div id="dis3" style="display:none">333</div>
<script>
function opens(obj){
for(var i = 1;i<=3;i++){
if(i == obj){document.getElementById("dis"+i).style.display="block"
}else
document.getElementById("dis"+i).style.display="none"
}
}
</script>
renxurenwei
2009-10-15 · 超过25用户采纳过TA的回答
知道答主
回答量:109
采纳率:0%
帮助的人:85.8万
展开全部
1、用dw的框架实现(ifram)
2、用js控制层的隐藏和显示实现(主要属性是document.getElementById("层名").display="none" or ="block")
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
songlovezheng
2009-10-15 · 超过40用户采纳过TA的回答
知道小有建树答主
回答量:126
采纳率:0%
帮助的人:0
展开全部
嗯 用Ifram 或者JS实现吧

或者通过传ID 调用不同的内容
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式