Web前端--折叠菜单（Jquery版）

最新推荐文章于 2023-07-07 23:56:13 发布

Hello world

最新推荐文章于 2023-07-07 23:56:13 发布

阅读量2.6k

点赞数

本文链接：https://blog.csdn.net/helloWolrldApe/article/details/88925166

版权

Web前端–折叠菜单（Jquery版）

先上效果图

在这里插入图片描述
背景可以自己设置。
以下是代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .nav{
            list-style:none;
            width: 300px;
            margin: 100px auto;

        }
        .nav>li{
            border: 1px solid #000;
            line-height: 35px;
            border-bottom:none;
            text-indent: 2em;
            position: relative;

        }
        .nav>li:last-child{
            border-bottom: 1px solid #000;
            border-bottom-right-radius:10px;
            border-botto

最低0.47元/天解锁文章

Hello world

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Web前端--折叠菜单（Jquery版）

Web前端–折叠菜单（Jquery版）先上效果图背景可以自己设置。以下是代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="//libs...
复制链接

扫一扫