我的单击内容分类弹出ul采用js方式也没有实现,为啥啊,崩溃

我的单击内容分类弹出ul采用js方式也没有实现,为啥啊,崩溃

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>油画商城</title>

<link rel="stylesheet" type="text/css" href="css/common.css">

<script type="text/javascript" src="js/js1.js"></script>

</head>

<body>

    <div class="header">

    <div class="logo">

    <img src="image/logo.png">

    </div>

    <div class="menu">

    <div class="menu_title" onclick="show_menu()"><a href="#">内容分类</a></div>

    <ul id="menu_ul">

    <li>现实主义</li>

    <li>抽象主义</li>

    </ul>

    </div>

    </div>

    <div class="content"></div>

    <div class="footer"></div>

</body>

</html>


function show_menu(){

var menu_ul=document.getElementById("menu_ul");

menu_ul.style.display="block";

}


正在回答 回答被采纳积分+1

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

2回答
好帮手慕阿慧 2020-04-15 16:12:59

同学你好,很理解同学着急的心情。请同学检查一下以下几点:

css文件中,ul的display为none。如下图:

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

js文件中,修改样式值前后打印display样式值,如下图:

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

点击内容分类,运行效果如下:

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

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

好帮手慕阿慧 2020-04-15 14:34:05

同学你好,js代码应该放在html文件的script标签中,或者放在js文件中。放在script标签中,如下图:

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

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

  • 提问者 慕粉0597577 #1
    我的js写在了js1的文件中,在代码中已经链接进去了啊,麻烦你再看看我的代码,HTML部分有: <script type="text/javascript" src="js/js1.js"></script> 下面的函数是写在js文件中的,而且js中用alert()测试是成功的,还是代码部分有问题,麻烦帮我找到代码的问题吧,要疯了啊
    2020-04-15 14:38:20
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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