教你用纯JS实现二级菜单

贪吃ღ大魔王

于 2021-04-22 17:11:49 发布

阅读量2.3k

点赞数 4

分类专栏：案例代码手写实际开发应用文章标签： javascript html5 css3

本文链接：https://blog.csdn.net/weixin_44070254/article/details/116021596

版权

本文介绍如何通过JavaScript实现点击显示二级菜单的功能，并在选择二级菜单时切换主菜单为当前选中状态。

摘要由CSDN通过智能技术生成

js点击出现二级菜单，点击二级菜单主菜单换成二级菜单

点击出现二级菜单

 <style>
*{
    
                margin:0px auto;
                padding:0px;
                }
            .yiji{
    
                width:200px;
                height:40px;
                background-color:red;
                color:#fff;
                text-align:center;
                line-height:40px;h
                vertical-align:middle;
                border:1px solid #FFF;
                }
            .erji1{
    
                width:200px;
                height:40px;
                background-color:#F63;
                color:#fff;
                text-align:center;
                line-height:40px;
                vertical-align:middle;
                border:1px solid #FFF;
                }
            #erji2{
    
                display:none;
                                }
                 
            #erji3{
    
                display:none;
                                }
                 
            #erji4{
    
                display:none;
                                }
             
        </style>
    </head>
     
    <body>
        <div class="yiji" onclick="Show('erji2')">首页</div>
        <