15个响应式的jQuery导航插件
jQuery Sidr
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/ea47b88830c4d73723061e40f5bf1f5f.jpg)
Sidr is a plugin that is user-friendly and will accomplish the task of creating a responsive side menu just like 非死book. It will help you in creating menus on both side of your page, so use it according to your convenience.
Navgoco: Multilevel Slide Menu
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/e598ed78857292a2b6ec4593de4cfecf.jpg)
Are you tired of unordered list of links? Well, Navgoco is indeed a perfect solution for you as it will turn those lists into vertical and beautiful multi-level side navigation.
Responsive Menus Flexnav
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/75c09192876e9ca7d0d84abadca4e692.jpg)
FlexNav is basically used to create a robust drop-down menu. It is also the chief example for jQuery and of course media queries that are being used in mobiles. It supports touch as well as keyboard.
Smart Menus jQuery
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/88657bac5200ab4baf99cf90c392cea3.jpg)
I consider this plugin to be a great one as it has a lot of features. It will allow you to create both vertical and horizontal responsive list based menus. The good news is that it will work on almost any device.
jQuery Menu-Aim
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/b529fc918a0549f8b98e0994cc0f9b2c.jpg)
this plugin is basically for drop-down menus. This will help your system in detecting it a user is hovering over an item in a dropdown list or is finding a way into contents of a submenu. Menu-aim plugin determines the directions of the users and act accordingly.
Side Toggle Menu
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/0678334d8fbe647a3c3351f622840b9e.jpg)
If you want to add sideways menu bar within your layout, Side Toggle menu is the best option for you. It works two ways; moving over the page or by overlapping the page.
jQuery slimMenu
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/fd10bf9065b910238f9c140a2d7d6a24.jpg)
It is basically a lightweight jQuery plugin and helps users’ in creating navigation menus on multiple levels.
jPanelMenu
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/a3e37553ffa088bd055aea0416dbd2fc.jpg)
This is my personal favorite as I love animated style menu and that too when they are paneled and this is exactly what jPanelMenu is all about. I am sure you are aware of such menus; they are seen all over Mobile 非死book and 推ter. As far as transitions are concerned, they are controlled by CSS and you get to witness flawless transitions.
Responsive Flaunt.js
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/2110d2cbfea6d47b43ee88c1c2cf83ea.jpg)
If you are looking to build a nested navigation out of the box which should be responsive as well, Flaunt.js is the best option for you.
Naver Responsive Navigation
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/9d7a74eeb33e9ab1e388538ce1469ee2.jpg)
This is one of the best plugins if you are looking to turn a simple navigation into a mobile version that is user friendly. It works automatically so less effort.
TinyNav.js
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/2fd580aa16863edfa2419dc3a630f52b.jpg)
It is extremely a lightweight plugin i.e., 368 bytes that will help you in converting
- and
- menus. These will convert the menus into dropdown that offers selection as well.
Responsive-menu
If your browser is at mobile width, this tiny plugin will convert the site’s navigations into a mobile one.
HorizontalNav
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/06adec6d2bd414c6beb6a0f7a964dfa3.jpg)
This is an interesting plugin because it spans a parallel navigation appropriate for the entire width of its container and also provides an option to the user i.e., if the user wants to go for a responsive version or not.
jQuery.mmenu
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/10dfc4d6d71b0478fc30090cf06d9673.jpg)
You can create amazingly slick and sleek sliding menus and that too with using a single stroke of JavaScript and it is following:
[js]$(“#nav”).mmenu();[/js]
It is as simple as that. This single line makes things smooth and convenient for you.
MeanMenu
![15个响应式的jQuery导航插件](https://simg.open-open.com/show/b529fc918a0549f8b98e0994cc0f9b2c.jpg)
This media query will help you in converting a simple menu into a mobile responsive one. It is basically a lightweight JS, which can convert a simple menu into a mobile one.