当前位置：
首页 >
前端技术
> javascript
>内容正文
javascript
html导航下拉菜单js点击显示不出来,使用JS做下拉菜单，子菜单不显示
生活随笔
收集整理的这篇文章主要介绍了
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做下拉菜单，子菜单不显示的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： html页面加文字横向滚动,js实现文字
- 下一篇： AngularJS相关网站存档