菜单列表无法隐藏,找不到错误,求助。

菜单列表无法隐藏,找不到错误,求助。

http://img1.sycdn.imooc.com//climg/5e742f2f092f357c06180136.jpg

<title>油画商城</title>
	<link rel="stylesheet" type="text/css" href="css/css.css">
	<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
	<div id="header" class="header">
	    <div class="logo">
             <image src="image/logo.png"/>
	    </div>
	    <div id="menu">
	        <div class="menu_title" id="menu_title" onclick="fun_showmenu()"><a href="#">内容分类</a></div> 
	        <ul id="menu_list">
	          <il>现实主义</il>
	          <il>抽象主义</il>
	        </ul>
              
	    </div>
	</div>
	<div id="content" class="content">
	</div>
	<div id="footer" class="footer">
	</div>
</body>
</html>

*{
	margin: 0px;
	padding: 0px;
}
.header{
	margin: 25px auto 0px 50px;
}
.header .menu ul{
  display: none ;

}
.header .logo{
	float: left;
	position: relative;
}
.header .menu{
	float: left;
	position: relative;
	margin-top: 15px;
	margin-left: 16px;
}

function fun_showmenu(){
	var menu_list=document.getElementById("menu_list");
	menu_list.style.display="block";
}


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,之所以不可以隐藏是因为同学并没有给第二个div 定义class。具体修改如下:

http://img1.sycdn.imooc.com//climg/5e7473cd0988574a05370151.jpg

希望同学下次注意哦。

另外是<img>标签不是<image>

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

提问者 石宇real 2020-03-20 13:24:46

我发现是我把点击事件放在了‘’内容分类“的<div>里,而不是id=menu的上级<div>。修改之后刷新网页,隐藏菜单仍然显示,但是移动鼠标至浏览器页面会恢复正常,之后的功能也正常。

  • 提问者 石宇real #1
    又找到一处错误,列表标签写错了
    2020-03-20 13:37:51
  • 提问者 石宇real #2
    .header .menu ul{ display: none ; 无法在页面刷新后隐藏菜单,需要出发一次移开鼠标事件 未解决
    2020-03-20 13:44:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师