html的左侧菜单栏,HTML 之左侧菜单

代码

Title

.item .header{

height: 35px;

background-color: #2459a2;

color: white;

line-height: 35px;

}

.hide{

display: none;

}

菜单一

内容一

菜单二

内容二

菜单三

内容三

function ChangeMenu(nid) {

var current_header= document.getElementById(nid)

var item_list = current_header.parentElement.parentElement.children;

for(var i=0;i

var current_itme = item_list[i];

current_itme.children[1].classList.add('hide');

}

current_header.nextElementSibling.classList.remove('hide')

}

展示

html的左侧菜单栏,HTML 之左侧菜单相关推荐

css+隐藏+左侧菜单栏,放在网页左侧的DIV+CSS隐藏菜单代码
放在网页左侧的DIV+CSS隐藏菜单代码- www.webdm.cn body { background: #fff; font-family: "Lucida Grande", ...
uniapp仿美团左侧菜单栏
uniapp仿美团左侧菜单栏实现仿美团菜单页,效果图如下主题内容 <template><view class="deviceList"><!-- ...
vue-cli 添加顶部导航栏及点击导航菜单，左侧菜单栏切换
layout-------------模板包含菜单栏等主要框架 router--------------路由管理,根据路由可生成左侧菜单栏 /** When your routing table is ...
WPF仿网易云音乐系列（一、左侧菜单栏：Expander+RadioButton）
WPF仿网易云音乐系列(一.左侧菜单栏:Expander+RadioButton) 原文:WPF仿网易云音乐系列(一.左侧菜单栏:Expander+RadioButton) 1.简介上一篇咱们说到, ...
Android仿人人客户端（v5.7.1）——点击左侧菜单栏中的Item切换视图
转载请标明出处:http://blog.csdn.net/android_ls/article/details/8765193 在前面几讲中,左侧菜单(左侧面板).满足滑动或点击子View的方式,打开 ...
左侧菜单栏左滑收起展开效果
上一篇文章左侧菜单栏折叠展开效果-超级简单介绍了将菜单列表上下展开的效果,这里在上一篇文章的基础上增加了左右折叠展开,有时候左侧菜单可能占了屏幕的一部分宽度,我们想把左侧菜单栏收缩起来以此让右边可视 ...
后台管理左侧菜单栏图标设置
通过更改菜单项模板(template)中的i标签的类名,可以将左侧菜单栏的图标进行设置,我们需要在项目中使用第三方字体图标在数据中添加一个iconsObj: //template中: <i : ...
webstorm2020背景和字体_WebStorm设置左侧菜单栏背景和字体设置
WebStorm设置左侧菜单栏背景和字体设置 webstorm是一款前端IDE利器,个人感觉黑色的背景比较炫酷.第一步:点击"file --> settings",如下图所示 ...
若依如何去掉页脚及左侧菜单栏
目录 1.去除页脚修改style.css,同时删除index.html元素 2.去左侧菜单栏(收起时隐藏左侧菜单)修改style.css

html的左侧菜单栏,HTML 之左侧菜单

html的左侧菜单栏,HTML 之左侧菜单相关推荐

最新文章

热门文章

html的左侧菜单栏,HTML 之 左侧菜单

html的左侧菜单栏,HTML 之 左侧菜单相关推荐

最新文章

热门文章

html的左侧菜单栏,HTML 之左侧菜单

html的左侧菜单栏,HTML 之左侧菜单相关推荐