html左侧二级子菜单隐藏,二级菜单显示与隐藏效果

无标题文档

*{ margin:0px; padding:0px;}

body{ font-family:Verdana, Geneva, sans-serif; font-size:14px;}

nav{ width:600px; height:40px; background-color:#eee; margin:0 auto;}

ul{ list-style:none;}

ul li{ float:left; line-height:40px; text-align:center; width:100px;}

a{ text-decoration:none; color:#000; display:block;}

a:hover{ color:#F00; background-color:#666;}

ul li ul li{ float:none;background-color:#eee; margin:2px 0px;}

ul li ul{ display="none" }

function ShowSub(li) {

var subMenu = li.getElementsByTagName("ul")[0] ;

subMenu.style.display = " block ";

}

function HideSub(li) {

var subMenu = li.getElementsByTagName("ul")[0];

subMenu.style.display = " none ";

}

首页
课程大厅
- JavaScript
- Html/CSS
学习中心
- 视频学习
- 实例练习
- 问与答
经典案例
关于我们

html左侧二级子菜单隐藏,二级菜单显示与隐藏效果相关推荐

jQuery便利多个相同的class，点击显示隐藏图标，显示及隐藏其下的内容
这里使用了bootstrap 而jQuery的遍历标签 each 和事件hide().show().toggle(); 直接上代码: <!DOCTYPE html> <html la ...
【Vue】解决el-dialog作为子组件封装点击显示与隐藏问题
element-ui中的el-dialog组件经常用作嵌套表单来使用,但是当我们把它封装成一个子组件时会发现点击隐藏与显示会出现问题.以下贴出关键代码,希望对大家有帮助,共同学习. 解决代码: el- ...
jquery显示隐藏切换_jQuery显示，隐藏，切换
jquery显示隐藏切换 Earlier we looked into how we can use jQuery get attribute, today we will look into thr ...
android+点击屏幕隐藏键盘,Android 显示和隐藏软键盘的方法(手动)
在Android开发中,经常会有一个需求,做完某项操作后,隐藏键盘,也即让Android中的软键盘不显示.今天,和大家分享如何利用代码来实现对Android的软件盘的隐藏.显示的操作. 1.方法一(如 ...
display none 隐藏后怎么显示_Web 隐藏技术：几中隐藏 Web 中的元素方法及优缺点
在 Web 开发中出于多种原因,我们需要隐藏元素.例如,一个按钮应该在移动中可见,而在桌面视口中隐藏.或者,在移动设备上隐藏但要在桌面上显示的导航元素.隐藏元素时有三种不同的状态: 元素完全隐藏并从文 ...
黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程（定位，显示与隐藏）
一.基础班学习路线三.CSS基础 1.CSS定位为什么需要定位定位组成静态定位static 相对定位relative 绝对定位absolute-与父级有关绝对定位脱标的不占有原来位置子绝父 ...
9206晚自习点歌功能拆解图片加载控件显示与隐藏等等
使用panel面版布局控制面版的Dock属性项目资源存放位置 bin/debug下布局图片工具栏的设置设置工具项为图文模式图在上,文在下给菜单项添加图片,并且设置图片不压缩,不缩小左右 ...
JavaWeb12_JQuery_广告的自动显示与隐藏
使用目录查看更佳! JQuery学习 JQuery基础概念一个JavaScript框架.简化JS开发 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的 ...
display显示与隐藏元素
显示与隐藏元素本质 display visibility overflow 本质让一个元素在页面隐藏或者显示出来 display display用来设置一个元素如何进行显示 display:non ...
vue 左侧菜单隐藏_vue.js 左侧二级菜单显示与隐藏切换的实例代码?
郎朗坤废话不多说了,直接给大家贴代码了,完整代码: vue点击切换显示隐藏 {{item.name}} {{subItem.name}} 以上所述是小编给大家介绍的vue.js 左侧二级菜单显示与隐 ...

html左侧二级子菜单隐藏,二级菜单显示与隐藏效果

html左侧二级子菜单隐藏,二级菜单显示与隐藏效果相关推荐

最新文章

热门文章