15个响应式的jQuery导航插件

jQuery Sidr

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

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

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

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

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

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

It is basically a lightweight jQuery plugin and helps users’ in creating navigation menus on multiple levels.

jPanelMenu

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

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

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

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



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



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



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.