您的位置:首页 > Web前端 > HTML

HTML导航菜单

2016-01-19 18:13 423 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: