12个响应式导航菜单jQuery插件,让您轻松应对响应式网站!

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

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

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

1、Sidr

Sidr - jQuery Responsive Navigation Plugin

查看 sidr 演示  

2、Navgoco

Navgoco - jQuery Responsive Navigation Plugin

查看 navgoco 演示

3、FlexNav

FlexNav - jQuery Responsive Navigation Plugin

查看 FlexNav 演示

4、SmartMenus

SmartMenus - jQuery Responsive Navigation Plugin

查看 SmartMenus 演示

5、jQuery slimMenu

jQuery slimMenu - jQuery Responsive Navigation Plugin

查看 slimMenu 演示

6、jPanelMenu

jPanelMenu - jQuery Responsive Navigation Plugin

查看 jPanelMenu 演示

7、Flaunt.js

Flaunt.js - jQuery Responsive Navigation Plugin

查看 Flaunt 演示

8、Naver

Naver - jQuery Responsive Navigation Plugin

查看 Naver 演示

9、TinyNav.js

TinyNav.js - jQuery Responsive Navigation Plugin

查看 TinyNav 演示

10、HorizontalNav

HorizontalNav - jQuery Responsive Navigation Plugin

查看 HorizontalNav 演示

11、jQuery.mmenu

jQuery.mmenu - jQuery Responsive Navigation Plugin

查看 mmenu 演示

12、MeanMenu

MeanMenu - jQuery Responsive Navigation Plugin

查看 MeanMenu 演示

原文地址:https://www.cnblogs.com/web-design-ivy/p/3684268.html