html左边多级菜单导航栏,精美的多级侧边栏导航菜单jQuery插件

这是一款基于bootstrap的精美多级侧边栏导航菜单jQuery插件。该导航菜单在bootstrap样式的基础上，通过jQuery来为导航菜单绑定菜单点击事件，生成非常漂亮的多级侧边栏导航菜单。

使用方法

在页面中引入bootstrap样式文件，sidebar-menu.css和sidebar-menu.js文件，另外还有引入font-awesome字体图标文件。

HTML结构

在该多级侧边栏导航菜单中，如果是多级菜单，要使用li.treeview来进行包裹，单一菜单项直接使用

元素即可。

MAIN NAVIGATION
Dashboard
- Dashboard v1
- Dashboard v2
Layout Options

4
- Top Navigation
- Boxed
- Fixed
- Collapsed Sidebar
Widgets

new

......

DocumentationLABELS Important Warning Information

初始化插件

在页面DOM元素加载完毕之后，可以通过sidebarMenu()方法来初始化该多级侧边栏导航菜单。

$.sidebarMenu(element)

或者通过插件提供的API来调用菜单：

$.sidebarMenu(element)

html左边多级菜单导航栏,精美的多级侧边栏导航菜单jQuery插件相关推荐

css导航栏_使用CSS的导航栏
css导航栏 CSS | 导航栏 (CSS | Navigation Bar) Developing websites is great but developing a user-friendly ...
android仿咸鱼底部导航栏,Flutter沉浸式状态栏/AppBar导航栏/仿咸鱼底部凸起导航栏效果...
如下图:状态栏是指android手机顶部显示手机状态信息的位置. android 自4.4开始新加入透明状态栏功能,状态栏可以自定义颜色背景,使titlebar能够和状态栏融为一体,增加沉浸感. 如上 ...
固定导航栏android,Android 状态栏和导航栏的真终极解决方案
去年我写过一篇文章,透明状态栏和导航栏的终极解决方案,并在 Github 上开源了代码,https://github.com/Zackratos/UltimateBar,其实在那之后,我一直对这个项目 ...
uni-app实现小程序沉浸式导航栏/顶部组件占满导航栏
uni-app实现小程序沉浸式导航栏/顶部组件占满导航栏如果你只是想单纯的让屏幕最上方的那个组件(比如swiper)将通知栏(导航栏)填充满,那么你只需要在page.json文件中加入以下代码到你想 ...
ios15从隐藏系统导航栏页面进入显示系统导航栏页面后，期望系统导航栏背景色为白色，但是导航栏背景变成黑色问题
ios15从隐藏系统导航栏页面进入显示系统导航栏页面后,期望系统导航栏背景色为白色,但是导航栏背景变成黑色问题. 经过多次分析是因为底层大背景被设置了默认颜色引起,把它设置成对应白色就可以了: sel ...
php左测导航栏,商城左侧大分类导航菜单教程完整代码
提示:本页面右侧代码编辑器中的代码纯属展示调试代码本代码最终的效果请用下面的的完整代码,复制到本地运行完整代码html> 商城左侧大分类导航菜单 *{ margin:0; padding:0 ...
html 导航栏设计,在网页中设计导航菜单的三个原则（附案例）
导航菜单可能是网页设计中最重要的部分了.每个用户浏览网站时一定有所需,因此导航菜单能够帮助用户寻找信息.好的导航菜单像是导游,告诉用户网站是干什么的,内容分类有哪些,在哪里可以找到什么信息. 而且导航 ...
导航栏鼠标悬浮弹出子菜单面板的实现方案
当鼠标移动到导航栏某个字块时,悬浮出一块子菜单面板实现: 在导航栏的字块镶嵌一块要悬浮的div,设置display为none. jquery设置字块鼠标悬浮mouseover的事件为:显示悬浮div ...
vue制作导航栏html,Vue如何实现导航栏菜单的方法
Vue如何实现导航栏菜单的方法发布时间:2020-08-20 09:42:45 来源:亿速云阅读:235 作者:小新这篇文章将为大家详细讲解有关Vue如何实现导航栏菜单的方法,小编觉得挺实用的, ...

html左边多级菜单导航栏,精美的多级侧边栏导航菜单jQuery插件

html左边多级菜单导航栏,精美的多级侧边栏导航菜单jQuery插件相关推荐

最新文章

热门文章