β

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

设计达人 1860 阅读

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

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

OpenPanel

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

open-panel
进入下载页 | 查看演示

mb.jquery

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

mb-jquery
进入下载页 | 查看演示

PageSlide插件

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

page-slide
查看演示及下载

Sidr

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

jquery side panel menu plugins
查看演示及下载

Mmenu

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

jquery side panel menu plugins
查看演示及下载

Multi-Level Push Menu

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

jquery side panel menu plugins
查看演示及下载

简单的YouTube菜单效果

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

jquery side panel menu plugins
查看演示及下载

Slide and Push Menus

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

jquery side panel menu plugins
查看演示及下载

Google Nexus网站菜单

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

jquery side panel menu plugins
查看演示及下载

jPanelMenu

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

jquery side panel menu plugins
查看演示及下载

GilidPanel

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

jquery side panel menu plugins
查看演示及下载

Pull Out Content Panel

jquery side panel menu plugins
查看演示及下载

Collapsible Sliding Panel for WordPress

jquery side panel menu plugins
查看演示及下载

Responsive Side Toggle Menu

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

jquery side panel menu plugins
查看演示及下载

jQuery SideBar Plugin

jquery side panel menu plugins
查看演示及下载

Animate To Hide And Slide Content With JQuery [Tutorial]

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

jquery side panel menu plugins
查看演示及下载

JQuery Mobile Slide Menu

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

jquery side panel menu plugins
查看演示及下载

Snap.js

一看就是Facebook风格的侧边栏

jquery side panel menu plugins
查看演示及下载

Slide out Menu

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

jquery side panel menu plugins
查看演示及下载


Copyright ©2010-2013 ¦ RSS订阅 ¦ 新浪微博 ¦本文链接 ¦ 添加评论
作者:设计达人
爱设计,爱分享。
原文地址:好用的侧边栏菜单/面板jQuery插件, 感谢原作者分享。

发表评论