用css制作点击不同的导航条,但在同一页面显示不同网页内容
3个回答
展开全部
这个很简单,用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>
关键是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>
展开全部
1、用dw的框架实现(ifram)
2、用js控制层的隐藏和显示实现(主要属性是document.getElementById("层名").display="none" or ="block")
2、用js控制层的隐藏和显示实现(主要属性是document.getElementById("层名").display="none" or ="block")
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
嗯 用Ifram 或者JS实现吧
或者通过传ID 调用不同的内容
或者通过传ID 调用不同的内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询