HTML导航菜单
2016-01-19 18:13
423 查看
1导航菜单
分离左右页面
2使用IFRAME元素作文内容页
3点击切换
完整:
亦可以使用超链接方式
<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>
相关文章推荐
- <html lang="en">
- 黄聪:C#解析HTML DOM解析类 HtmlParser.Net 下载
- html中文乱码
- HTML/Ajax/XML数据交互:HTML通过Ajax读取XML的存储信息
- C# Html网页生成图片解决方案1
- html中table的使用方法
- MVC4.0中cshtml中怎么解析html编码
- html预览手机本地图片
- HTML解析
- html自动换行
- 01.HTML 5与HTML4的区别
- 记不住就存下来---- HTML 5 列表相关元素
- html中怎么去掉input获取焦点时候的边框
- 记不住就存下来---- HTML 5 超链接和锚点
- 【性能优化】PHP代码输出压缩后HTML
- HTMLParser使用
- HTML 语言标签
- html-图片button,抓包---Shinepans
- html页面转换成PDF文件
- html xml