大家好,又见面了,我是你们的朋友全栈君。
1导航菜单
<details class="menu" open="">
<summary>程序管理</summary>
<ul>
<li><a href="#">版本管理</a></li>
<li><a href="#">渠道管理</a></li>
</ul>
</details>
<details class="menu" open="">
<summary>资源管理</summary>
<ul>
<li><a href="#">上传资源</a></li>
</ul>
</details>
分离左右页面
#conter {
width: 90%;
margin: auto;
}
#help-left {
width: 10%;
font-family: 'microsoft YaHei';
float: left;
}
#help-right {
width: 80%;
font-family: 'microsoft YaHei';
float:left;
}
2使用IFRAME元素作文内容页
<IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0 width=100% SRC=""></IFRAME>
3点击切换
<iframe src="managerlist.php" id="iframe_content" name="iframe_content" style="width: 95%; height: 95%; border: 1px"></iframe>
document.getElementById(iframe_content).setAttribute("src", 'XXXX.php');
完整:
<a href="javascript:document.getElementById('ContentIframe').setAttribute('src', 'index.php');">TEST</a>
亦可以使用超链接方式
<a href="car_in.php" target="iframe_content">菜单选择</a>
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159456.html原文链接:https://javaforall.cn