無標題文檔

*{

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做下拉菜单，子菜单不显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。