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

Posted 2023-05-10

如题。
我点击左侧的导航条，在右侧的DIV中显示不同的内容。请教高手。
在线等。急~~~

这个很简单，用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> 参考技术A 1、用dw的框架实现(ifram)
2、用js控制层的隐藏和显示实现（主要属性是document.getElementById("层名").display="none" or ="block"） 参考技术B 嗯 用Ifram 或者JS实现吧

或者通过传ID 调用不同的内容

TabControl 怎么每点击一个TabItem 就在同一个Tabcontrol中显示不同的页面？

参考技术A TabControl本来就是一个选项卡控件，在点击它的选项卡标题的时候就显示不同的页面，页面都在同一个TabControl中，没有明白你问的是什么意思......
Xaml？意思是WPF？不是WinForm？差别不大，不过你得把问题说清楚才好帮你的 参考技术B 使用SelectedIndexChanged事件 参考技术C button事件追问

详细些 最近刚接触这个 谢谢 最好是有代码 我是用XAML编写的

追答

xaml没有接触过

参考技术D 请问TabControl只有一个TabItem吗？