轻松应对响应式网站!10个响应式导航菜单jQuery插件

对于大多数人来说,构建一个响应布局中最困难的部分是导航菜单的设计和编码。由于没有真正久经考验的常用解决方案,你采用的菜单形式将视乎于正在构建的网站整体排版布局。

如 果是一个小型网站,一个 select下拉菜单或者一个基本的“三线”切换菜单就可以满足了。但如果是一个比较大型的网站(以一个电子商务 商店为例)在其PC版网站是依靠一个复杂的导航菜单,那么在屏幕较小的设备上最能够帮助你的是一个抽屉式或动画的侧面导航菜单。

所以,无论你正在构建什么类型的网站,在这篇文章中,我们收集了15个响应导航菜单的jQuery插件,希望能够为你提供解决方案。

1、Sidr
Sidr
查看演示

2、Navgoco
Navgoco
查看演示

3、FlexNav
FlexNav
查看演示

4、SmartMenus
SmartMenus
查看演示

5、jQuery slimMenu
jQuery
查看演示

6、jPanelMenu
jPanelMenu
查看演示

7、Flaunt.js
Flaunt
查看演示

8、TinyNav.js
TinyNav
查看演示

9、HorizontalNav
HorizontalNav
查看演示

10、jQuery.mmenu
jQuery.mmenu
查看演示

11、MeanMenu.mmenu
MeanMenu
查看演示