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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

<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";
}

石宇real 2020-03-20

源自：前端油画商城案例 2-2 logo和menu区域设计-2

7

收起

2回答

好帮手慕小脸回答被采纳获得+3积分 2020-03-20 15:43:06

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

希望同学下次注意哦。

另外是<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当鼠标悬浮主菜单的时候，子菜单背景怎么不显示出来2鼠标离开banner二级菜单不能隐藏

老师的代码中，显示与隐藏的效果，逻辑没搞清楚，如下：

显示与隐藏

登录后可查看更多问答，登录/注册

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号