30款最佳免费的jQuery导航菜单插件

jopen 9年前

Pushy

Demo  Download

This is an off-canvas navigation menu which uses CSS transformations and transitions to achieve the effects. It is also a responsive menu and offers smooth performance even on mobile smart phones, and tablets. You can also visit the link and check out the demo to test it out before you decide to implement it, in order to give you an idea of how it will work.

30款最佳免费的jQuery导航菜单插件

Slinky

Demo  Download

If you are looking to creating scrolling navigation that is also very beautiful to look at, you may want to try this jQuery menu out. It also offers stacking headers and thereby offers a smooth scrolling experience no matter how extensive your menu is. It is also a very light weight plugin.

30款最佳免费的jQuery导航菜单插件

jQuery Pop Menu

Demo  Download

This particular menu is also responsive and it offers tons of amazing features with it. More than that, it is just absolutely amazing to look at. It is more like a hidden menu, where you would click on the menu and the entire menu will pop up in a stylized fashion.

30款最佳免费的jQuery导航菜单插件

Slidebars

Demo  Download

If you are looking to implement application and sidebars into your website with a lot of ease and speed, this is the jQuery plugin for you. It will also resize itself based on the resolution flawlessly and can also deal with orientation changes if you so desire. It is completely responsive.

30款最佳免费的jQuery导航菜单插件

jQuery Square Menu

Demo  Download

This particular jQuery menu will display a square-ish menu. It will pop out with a cool animation and it uses jQuery and CSS3 at its base. Make sure you check out the demo at the link before you decide to implement it for your website.

30款最佳免费的jQuery导航菜单插件

Perspective Page View Navigation

Demo  Download

This is a rather interesting concept when it comes to a navigation menu. It will transform the actual page into a 3D image, and fade it out into the background as the menu pops up. It is absolutely awesome to look at, and it works flawlessly even on a mobile device.

30款最佳免费的jQuery导航菜单插件

SlickNav

Download

This particular jQuery plugin offers multi-level menu support. It is very flexible and it has a rather simple markup too. It also supports loads of different browsers, so you can rest assured that there will be no compatibility issues. It can also be accessed via keyboard.

30款最佳免费的jQuery导航菜单插件

Mmenu

Demo Download

They claim that it is the best jQuery plugin for app look-alike on- and off-canvas. They also offer sliding submenus for your web application and websites. You can customize it a rather high degree and it offers loads of options, extensions and add-ons.

30款最佳免费的jQuery导航菜单插件

Sidr

Demo Download

If you are looking to create side menus, that are responsive, in the easiest of fashions, then you absolutely must try this particular navigation menu.

30款最佳免费的jQuery导航菜单插件

slimMenu

Demo Download

This is a very lightweight jQuery plugin. It will allow you to make multi-level navigation menus on the go. It is fast and simple to use. It also helps in a sense that you no longer have to struggle with media queries to create responsive menus.

30款最佳免费的jQuery导航菜单插件

HorizontalNav

Demo Download

All you will need to do is define a container, and this jQuery plugin will make sure that the menu spans horizontally across the entire width. It is rather annoying to do manually, however, this plugin makes it all the more easy.

30款最佳免费的jQuery导航菜单插件

FlexNav

Demo Download

This is perhaps the best mobile-first example of using JavaScript and media queries in order to create a decent looking multi-level menu. It also offer support for touch, hover and keyboard.

30款最佳免费的jQuery导航菜单插件

jQuery Menu-Aim

Demo Download

If you have ever visited Amazon, you will have noticed that the hover effect on their menus is surprisingly fast. Well, this is exactly what this plugin will allow you to do.

30款最佳免费的jQuery导航菜单插件

SmartMenus

Demo Download

This jQuery plugin will offer simple and neat display of navigation. It is also responsive so the menus will stay the same on your mobile.

30款最佳免费的jQuery导航菜单插件

Shifter

Download

This is another mobile-first jQuery plugin which is rather easy to use. You can use it to create slide menu which will slide from the right side of the page. All you need to do is tap the toggle button.

30款最佳免费的jQuery导航菜单插件

Hamburger

Download

If you are looking to create sliding menus for Android applications, then this jQuery plugin should be on your arsenal at all times.

30款最佳免费的jQuery导航菜单插件

Focucss

Download

Create off-canvas sidebar navigation, which upon being activated, will blur out the rest of the page. Quite contrary to the name of the jQuery plugin isn’t it?

30款最佳免费的jQuery导航菜单插件

Drawer

Demo Download

You can use this plugin in order to easily create responsive, animate, and touch-enabled side menus. These menus will slide from the edge of the screen, pretty much what the trend is these days.

30款最佳免费的jQuery导航菜单插件

Datmenu

Demo Download

This is a fantastic responsive menu made using CSS3 and jQuery. It offers loads of different animations that is bound to increase your liking for it in a second.

30款最佳免费的jQuery导航菜单插件

 jPanelMenu

Demo Download

This is a modern jQuery menu. It will help you to create a panel-styled navigation, employing the use of CSS3 transitions and animations. You can use these menus for your website or web apps.

30款最佳免费的jQuery导航菜单插件

Fly Side Menu

Demo Download

This plugin will make use of CSS3 to create a side menu navigation. A 3D transition will also come into play which you are bound to love.

30款最佳免费的jQuery导航菜单插件

Sticky Menu

Demo Download

This is an extensively customizable mobile ready jQuery menu. It can be used with any website and it is awesome for landing pages.

30款最佳免费的jQuery导航菜单插件

DD Icon Menu

Download

This jQuery plugin will allow you to create a menu which is based on icons. You can create a vertical menu or otherwise a sticky menu; it totally is your choice.

30款最佳免费的jQuery导航菜单插件

JQuery Mobile Date Navigation

Demo   Download

This menu will provide a very basic navigation between date range. You can define the range by week, month or year.

30款最佳免费的jQuery导航菜单插件

Navobile

Demo   Download

This plugin is bound to make navigation on mobile a lot easier. It will use CSS3 to apply different transitions and fix the position of the menu on mobile devices.

30款最佳免费的jQuery导航菜单插件

Multi-Level Push Menu

Demo   Download

This is a JavaScript library which was create by Mary Lou from Codrops. It will create a multi-level push menu which slides out from the left side of the page while pushing the entire website to the right.

30款最佳免费的jQuery导航菜单插件

Box Lid

Download

This is a rather easy jQuery plugin to use. It will allow you to create a side nav menu with 3D effects, and it uses CSS3 transitions and transformations to do so.

30款最佳免费的jQuery导航菜单插件

JQuery Mobile Slide Menu

Download

This particular menu is almost similar to that used in 非死book, so you know exactly what it does.

30款最佳免费的jQuery导航菜单插件

scrollNav

Download   Download

This will display the existing content on a web page, by dividing it up into logical sections. It will build a customizable sidebar navigation menu for you too.

30款最佳免费的jQuery导航菜单插件

DoubleTapToGo

Download   Download

Finally, this jQuery plugin will help you to create usable dropdowns. It also offers multiple levels which are responsive and friendly to touch.

30款最佳免费的jQuery导航菜单插件