js实例-左侧菜单

最新推荐文章于 2021-03-06 14:31:38 发布

crlccc

最新推荐文章于 2021-03-06 14:31:38 发布

阅读量760

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/crl744156212/article/details/79651645

版权

这是一个使用HTML、CSS和jQuery实现的左侧菜单示例。菜单包括三个部分：菜单一、菜单二和菜单三，每个菜单项点击后会展开对应的子菜单内容。子菜单默认隐藏，通过jQuery点击事件实现显示与隐藏的切换。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>左侧菜单</title>
    <script type="text/javascript" src="js/jquery.js"></script>

    <style type="text/css">
        .menu{
            height: 600px;
            width: 30%;
            float: left;
        }
        .item{
            margin-top: 5px;
        }
        .title{
            border: 1px solid #35ce96;
            line-height: 40px

最低0.47元/天解锁文章

crlccc

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js实例-左侧菜单

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;左侧菜单&lt;/title&gt; &lt;script type="text/javascript" src=&quot
复制链接

扫一扫