首页 前端知识 基于Bootstrap&HTML&CSS&jQuery制作左侧多级垂直导航菜单(含源码)

基于Bootstrap&HTML&CSS&jQuery制作左侧多级垂直导航菜单(含源码)

2024-02-03 12:02:29 前端知识 前端哥 765 863 我要收藏

功能说明:

1、导航菜单支持展开和收缩;

2、鼠标悬浮有背景色,点击菜单也会增加背景色,可以自己调整颜色;

3、支持多级展开,可自行扩展,增加一些图标库。

效果截图如下:

源码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{
 { url_for('static',filename='bootstrap/bootstrap.main.css') }}">
    <style>

        html,body,div:first-child {
            height: 100%;
            background-color: #f0f0f0;
        }

        #left-menu{
            border: 1px so
转载请注明出处或者链接地址:https://www.qianduange.cn//article/1224.html
标签
bootstrap
评论
会员中心 联系我 留言建议 回顶部
复制成功!