html导航下拉菜单js点击显示不出来,使用JS做下拉菜单,子菜单不显示
*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
#fa{
display: block;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
background: green;
color: yellow;
}
#fa:hover{
background: orange;
color: black;
}
#son{
width: 100px;
list-style: none;
display: none;
}
ul a{
display: block;
width: 100px;
height: 30px;
background: #CCC;
line-height: 30px;
text-align: center;
border-bottom: 4px solid red;
color: green;
}
function in(){
var lo=document.getElementById('son');
if (lo.style.display==none)
{
lo.style.display='block';
}
else{
lo.style.display='none';
}
}
我是父目录
- 我是子目录
- 我是子目录
- 我是子目录
1、ul未使用定位不知道是否有关;
2、js初学,if的用法搞不懂对不对。
PS:0基础在家自学,不懂的没人指导,求指点!!!!
html导航下拉菜单js点击显示不出来,使用JS做下拉菜单,子菜单不显示相关推荐
- js点击网页背景特效和js打字状态特效代码
/* 鼠标点击显示文字JS特效代码 */ var a_idx = 0; jQuery(document).ready(function($) {$("body").click(fu ...
- BOS项目02_02_zTree-通过ajax的获取菜单数据、监听树形菜单的点击事件、读取json文件、Ajax获取数据
系列文章目录 文章目录 系列文章目录 前言 一.发送ajax网络请求获取菜单数据 二.监听树形菜单的点击事件 总结 前言 一.发送ajax网络请求获取菜单数据 我们现在的数是写死的,那么实际项目中我们 ...
- Android菜单:选项菜单+上下文菜单+子菜单
菜单是人机交互的重要接口,在 Android SDK 中,提供了菜单类 android.view.Menu,以完成与菜单有关的操作. Android SDK 提供三种菜单,分别如下. 1)Option ...
- android之三大菜单(子菜单,选项菜单,上下文菜单)
今天班级同学聚餐,真的是喝的有点多,本来计划今天要完成这篇博客.有点喝多了,写的不好请见谅.想仔细了解的话,看官网说的,是中文的. https://developer.android.com/guid ...
- 如何动态添加菜单/菜单项、子菜单、右键菜单
有关菜单的操作主要用到 CMenu 类,当然也可用相应 API 函数, CMenu 类只是 MFC 对 API 中操作菜单的函数的封装而已. 不过能用类就尽量用类,类的组织方式好呗,代码看着也舒服. ...
- php在菜单栏里加子菜单,WordPress后台添加子菜单add_submenu_page()
接上文:WordPress后台添加顶级菜单add_menu_page(),今儿再分享一下在 wordpress 后台侧边栏添加子菜单的方法,用到的函数是:add_submenu_page() 函数用法 ...
- python菜单栏添加子菜单_python添加菜单图文讲解
分享一个基于tkinter的菜单程序添加操作,希望对需要的朋友有帮助. 打开python集成开发环境,使用 from tkinter import Tk from tkinter import Men ...
- Android菜单详解——子菜单(SubMenu)
1,子菜单就是将功能相同或相似的分组进行多级显示的一种菜单. 2,创建子菜单的步骤: a) 覆盖Activity的onCreateOptionsMenu()方法,调用Menu的addSubMenu() ...
- ant design pro侧边栏子菜单添加不成功的解决办法
项目场景: Ant design pro侧边栏添加子菜单 问题描述: 在企业工作中 Ant design pro侧边栏添加子菜单如果不成功要检查以下几个部分 原因分析: 刚进公司的新员工如果接触到新的 ...
- JS+CSS打造仿QQ面板的三级折叠下拉菜单
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
最新文章
- 首次使用批处理框架 Spring Batch ,被震撼到了,太强大...
- Cell子刊:源自微生物群的醋酸盐能够在健康和疾病期间促进大脑先天免疫系统的代谢适应性...
- UVa572 Oil Deposits DFS求连通块
- 修改Servlet再运行无效
- Linq to Oracle 使用教程(八)使用 T4 模版生成代码
- POJ 2253 Frogger (求某两点之间所有路径中最大边的最小值)
- 列表(list)和集合(set)
- 比特币在推特上的活跃度正接近2017年水平
- MTK GPS问题调试
- IntelliJ IDEA 添加对 Extjs6 支持
- 自动控制理论(9)——奈奎斯特稳定判据
- Vue.js:从安装到快速创建脚手架项目,解决刚创建完出现的parsing error:No Bable config file detected报错
- Opencv 入门篇学习记录(图片)
- Android关于透明度对应表
- Android移动应用开发 多功能平台app
- Flutter仿新浪微博
- Xkeyideal赐教取经之路
- 算法设计与分析实验指导(完整版)
- Pygame从0实战8(泡泡小游戏)
- (CNVD-2021-17391)|启明星辰-‘‘天清汉马USG防火墙‘‘逻辑漏洞