<html>
<head>
<style>
*{margin:0;padding:0;}
#area li{text-align:center;width:50px;height:20px;list-style-type:none;display:block;float:left;background:green;}
#area #ch ul li{display:none;}
</style>
<script>
window.onload=function(){
var oArea=document.getElementById("area");
var oLi=oArea.getElementsByTagName("li");
var oCh=document.getElementById("ch");
var oUl=oCh.getElementsByTagName("ul");
for(i=0;i<oLi.length;i++)
{
oLi[i].onmouseover=function(){
this.style.display="block";
this.parentNode.style.display="block";
}
}
}
</script>
</head>
<body>
<div id="nav">
<ul id="area">
<li id="ch">中国
<ul>
<li>北京</li>
<li>广州</li>
</ul>
</li>
<li>日本</li>
</ul>
</div>
</body>
</html>
js为什么这个二级菜单显示不出来？？
答案:2 悬赏:50 手机版
解决时间 2021-04-02 04:06
- 提问者网友：留有余香
- 2021-04-01 21:18
最佳答案
- 五星知识达人网友：撞了怀
- 2020-01-29 12:47
ul标签已经隐藏，无法触发到li的onmouseover事件。
全部回答
- 1楼网友：玩世
- 2020-07-18 16:23
隐藏那个图层加 z-index:9999 ; 看看
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯