好用的侧边栏菜单/面板jQuery插件

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

我想大家都用过一些APP应用，它们的菜单展示是以侧边栏滑动方式展现，感觉很新鲜，而现在网页设计也是如此，不少网站也效仿这样的方式来设计。使用侧边栏的好处就是可以节约空间，对于一些内容多或者喜欢简约的网站来说可以尝试使用侧边工具栏的方式来展示。

今天我们也整理了一些好用的侧边栏菜单/面板jQuery插件，交互效果很不错，插件使用不复杂，很方便的嵌入到您的网站上。PS:之前我们也分享过《15个响应式设计的导航菜单jQuery插件》，值得一看哦。

OpenPanel

以全屏的方式展示面板，Metro风格，看起来不错。

进入下载页 | 查看演示

mb.jquery

这个mb jQuery插件支持上下左右的方式来展示侧边栏。

进入下载页 | 查看演示

PageSlide插件

这个边栏面板插件可以左右展出，我在用Chrome查看效果的时候还是很流畅的。

查看演示及下载

Sidr

这个插件之前的文章也分享过，支持响应式设计。

查看演示及下载

Mmenu

看起来是不是有点像手机的APP程式侧边菜单？插件使用只需要一段JavaScript代码就行了，方便好用啊。

查看演示及下载

Multi-Level Push Menu

目前Demo我在新版Chrome测试不出效果，在Firefox就可以了。但是这个侧边栏jQuery菜单插件挺强大的，支持多级菜单滑动。

查看演示及下载

简单的YouTube菜单效果

这个菜单效果模仿youtube网站，点击菜单图标时，图标和菜单的主标题有动画显示。

查看演示及下载

Slide and Push Menus

这个滑动面板不错，有推拉式滑动以及像Fixed定位方式展示出来，左右上下都有，很实用。

查看演示及下载

Google Nexus网站菜单

这个侧边栏菜单模仿Google风格，效果很好。

查看演示及下载

jPanelMenu

这个侧边菜单插件如果用在手机和平板设备是很适合。

查看演示及下载

GilidPanel

这个侧边工具菜单功能很强大，尤其是自定义方面，不过这是要收费的。

查看演示及下载

Pull Out Content Panel

查看演示及下载

Collapsible Sliding Panel for WordPress

查看演示及下载

Responsive Side Toggle Menu

响应式设计的侧边工具菜单。

查看演示及下载

jQuery SideBar Plugin

查看演示及下载

Animate To Hide And Slide Content With JQuery [Tutorial]

这个侧边工具栏插件支持【点击】和【hover】效果，并附带制作教程，前端人员的可以学习下。

查看演示及下载

JQuery Mobile Slide Menu

这个侧边工具栏插件的界面比较漂亮，如果不想改CSS样式的用户就直接用这个吧。

查看演示及下载

Snap.js

一看就是Facebook风格的侧边栏

查看演示及下载

Slide out Menu

这个slider menu和其它插件差不多，看你喜欢的咯~~

查看演示及下载