<a href="one.html" target="one">one</a> <iframe name="one">dsfsdfsda</iframe>
<div class="wrap"> <div class="left"> <ul class="left_main"> <li class="ma-li active">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> <li class="ma-li">生活常用</li> </ul> </div> <div class="right"> <ul class="right_main"> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> <li class="ma-li">水果</li> </ul> </div> </div>
*{ margin: 0; padding: 0; list-style: none; } html,body{ height: 100% } .wrap{ height: 100%; display: flex; } .left{ width: 30%; height: 100%; overflow-y: auto; } .right{ -webkit-box-flex: 1; flex: 1; height: 100%; overflow-y: auto; } .left_main,.right_main{ height: 100%; overflow-y: auto; } .left li{ color: #7a7a7a; } .right li{ color: #373737; } .ma-li{ font-size: 16px; padding-left: 20px; /*height: 45px;*/ line-height: 45px; } .ma-li.active{ border-left: 5px solid #1657c9; padding-left: 15px; }
您还没有登录,请您登录后再发表评论
本demo所需技术:jQuery+Bootstrap 本demo所用工具:IDEA 本demo主要实现功能: 1. 左侧菜单栏切换右侧页面内容 2. boostrap弹框内容的显示
后台管理系统示例, 以实验管理系统为例。 使用bootstrap快速搭建布局和样式 实现了左侧菜单切换右侧内容等功能 左侧菜单实现了菜单的弹出和隐藏。 右侧内容可以根据左侧菜单的内容进行切换
记录原生html+js实现左侧导航栏右侧内容页的实现
精美WPF左侧菜单栏,实现了点击菜单自动展开子菜单,右侧显示菜单详细列表!
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单,右侧显示不同html内容,并加有css样式,美观实用。很简单的界面,没有多余功能。
仿网易邮箱的点击左侧菜单右侧出现可关闭的选项卡功能,jquery+css+div代码
Q753697 asp.net中点击左侧菜单,右侧显示相应内容 https://ask.csdn.net/questions/753697
实现layui左侧菜单右侧显示页面内容的静态文件,可查看对应的教程地址
主要为大家详细介绍了layui实现左侧菜单点击右侧内容区显示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
③:同理,点击 产品管理、订单管理 标签下的 产品列表、订单列表 时,右侧内容会相应的刷新为产品列表页(productList.jsp)、订单列表页(recordList.jsp)的内容 这样就使用Ajax+div实现了左边菜单选择,右边内容...
资源在于分享,技术在于交流。C# 简单反射实现winform左侧树形导航,右侧切换内容。简单的应用C#反射机制。谢谢支持!
C#实现左侧菜单效果,效果炫酷,实用,可以达到你的预想。
Qt自带菜单栏为水平菜单栏,在很多实际应用中,需要用到左侧菜单导航栏,即垂直导航栏,本示例使用QMenu、QDialog、事件过滤、QPushButton、鼠标钩子函数等实现了侧边垂直菜单导航栏。
今天小编就为大家分享一篇使用layui实现的左侧菜单栏以及动态操作tab项方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
左侧为ListView.右侧为Fragment.根据左侧点击不同的ListView行数、来动态跟换右侧Fragmetn显示。
android左侧或右侧可选滑动菜单
1.vue+elementui实现,完整的后台管理系统界面布局源码;...2.左边菜单、顶部菜单、右边显示页面内容,可自定义修改拓展; 3.无可挑剔的样式。 4.创建一个规范的vue项目目录,直接替换项目文件即可
qt实现的导航栏demo,带切换特效,选中换色,选中条样式,渐变色,接口丰富,移植性和自定义性很强,QT4.8+VS2010编译通过。
jquery bootstrap侧边隐藏响应式下拉导航菜单栏
非常漂亮实用的系统左侧导航菜单
相关推荐
本demo所需技术:jQuery+Bootstrap 本demo所用工具:IDEA 本demo主要实现功能: 1. 左侧菜单栏切换右侧页面内容 2. boostrap弹框内容的显示
后台管理系统示例, 以实验管理系统为例。 使用bootstrap快速搭建布局和样式 实现了左侧菜单切换右侧内容等功能 左侧菜单实现了菜单的弹出和隐藏。 右侧内容可以根据左侧菜单的内容进行切换
记录原生html+js实现左侧导航栏右侧内容页的实现
精美WPF左侧菜单栏,实现了点击菜单自动展开子菜单,右侧显示菜单详细列表!
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单,右侧显示不同html内容,并加有css样式,美观实用。很简单的界面,没有多余功能。
仿网易邮箱的点击左侧菜单右侧出现可关闭的选项卡功能,jquery+css+div代码
Q753697 asp.net中点击左侧菜单,右侧显示相应内容 https://ask.csdn.net/questions/753697
实现layui左侧菜单右侧显示页面内容的静态文件,可查看对应的教程地址
主要为大家详细介绍了layui实现左侧菜单点击右侧内容区显示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
③:同理,点击 产品管理、订单管理 标签下的 产品列表、订单列表 时,右侧内容会相应的刷新为产品列表页(productList.jsp)、订单列表页(recordList.jsp)的内容 这样就使用Ajax+div实现了左边菜单选择,右边内容...
资源在于分享,技术在于交流。C# 简单反射实现winform左侧树形导航,右侧切换内容。简单的应用C#反射机制。谢谢支持!
C#实现左侧菜单效果,效果炫酷,实用,可以达到你的预想。
Qt自带菜单栏为水平菜单栏,在很多实际应用中,需要用到左侧菜单导航栏,即垂直导航栏,本示例使用QMenu、QDialog、事件过滤、QPushButton、鼠标钩子函数等实现了侧边垂直菜单导航栏。
今天小编就为大家分享一篇使用layui实现的左侧菜单栏以及动态操作tab项方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
左侧为ListView.右侧为Fragment.根据左侧点击不同的ListView行数、来动态跟换右侧Fragmetn显示。
android左侧或右侧可选滑动菜单
1.vue+elementui实现,完整的后台管理系统界面布局源码;...2.左边菜单、顶部菜单、右边显示页面内容,可自定义修改拓展; 3.无可挑剔的样式。 4.创建一个规范的vue项目目录,直接替换项目文件即可
qt实现的导航栏demo,带切换特效,选中换色,选中条样式,渐变色,接口丰富,移植性和自定义性很强,QT4.8+VS2010编译通过。
jquery bootstrap侧边隐藏响应式下拉导航菜单栏
非常漂亮实用的系统左侧导航菜单