bootstrap&js 动态折叠菜单，按钮控制伸缩，升华版

最新推荐文章于 2023-03-30 15:17:33 发布

原创

最新推荐文章于 2023-03-30 15:17:33 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap 动态多级菜单，可伸缩，可折叠 #bootstrap&js 左侧菜单

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css"/>
    <script type="text/javascript" src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<title>动态折叠菜单，可伸缩</title>
</head>
<body style=" margin: 0; padding: 0;">
<div class="page" style="">
    <div class="header" id="h1" style="background-color:#737373;height: 60px;padding-top: 20px;
    padding-left:220px">
        <a onclick="menuPullback('#menus')"><i id="i1" class="glyphicon glyphicon-indent-right"></i>
            <i id="i2" class="glyphicon glyphicon-indent-left" style="display: none"> </i></a>

    </div>
    <!--侧边菜单-->

    <