跳过导航链接
技术文档
·网站建设
·软件使用
·图形设计
·程序开发
·网络应用
·电脑技巧
 
公司介绍
·全景旅行者说明
·全景旅行者概念海报
·公司简介
·索仕SRCOS网络应用平台
·索仕网站管理系统
·影视广告制作
·联系我们
 
 

35+ 实用的 jQuery 菜单插件

2013/1/4 17:07:09

1. Mac Style Dock Menu in jQuery and CSS

css-dock-menu

If you are a big Mac fan, you will love this CSS dock menu. It comes with two dock position: top and bottom.

MORE INFO / DEMO (free jQuery plugin)

2. Super menu pack

super-menu-pack

Super menu pack is a collection of 10 cool menus, 5 in pure css and 5 using jQuery framework for customize or layout with your websites or applications and projects.

It’s perfect for anyone who wants to give a special touch to their designs or find a starting point.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

3. Lavalamp

image

Lavalamp is a simple, ready to use JQuery plugin which allow you to create a stunning effect over your horizontal navigation bars. Nice to see, easy to implement.

MORE INFO / DEMO (free jQuery plugin)

4. Quick & Pro Menu

quick-pro-menu

Quick & Pro Menu creates a special style of jQuery mega menus which is only seldom seen in Websites but really cool for giving visitors quick access to a lot of information

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

5. Superfish jQuery menu plugin

superfish

Superfish is a JQuery plugin especially dedicated to menus. It allows many improvement from what you can achieve with HTML and CSS as such as hover support for IE6, animations, keyboard accessibility and more.

MORE INFO / DEMO (free jQuery plugin)

6. Menu Maker CSS3 jQuery

menu-maker-css3-jquery

This is a JavaScript code that gives you a friendly tools of making a navigation Menu bar with a rounded corner and a smooth animation for search input box. Making navigation menu was never been so easy. All you got to do is dragging the slider bars to change the menu properties.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

7. QuickAccess Menu

QuickAccess-Menu

Easily customizable, easy to integrate and provides quick access to your site. The code is flexible for the product to be fully responsive. The minimal design was created to fit harmoniously with your site.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

8. Sticklr – Sticky Side Panel CSS3 + jQuery Plugin

sticklr-sticky-side-panel-css3-jquery-plugin

Inspired by Envato site-switcher, here is a useful sticky side panel made with CSS and enhanced greatly with jQuery.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

9. Puffer Fish Navigation

01_jquery_nav

Rollover navigation with a glow.

MORE INFO / DEMO (free jQuery plugin)

10. Sliding Tabs – jQuery Plugin

sliding-tabs-jquery-plugin

Sliding Tabs is a jQuery plugin for creating horizontal and/or vertical animated tabs for your website. You can have multiple instances of the tabs on a single page and customize them in any way with CSS . The plugin comes with many customization options, making it very flexible and easy to customize to your needs.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

11. vertical sliding JQuery menu

image

Your clients will love it, there’s no doubt about it. And even better, the tutorial will also teach you how to design that kind of menu using Photoshop.

MORE INFO / DEMO (free jQuery plugin)

12. Sherpa | Complete Navigation System

sherpa-complete-navigation-system

As the name suggests, Sherpa is a total solution for all your navigation requirements. Sherpa brings together the three main navigation elements of every interface – Navbar, Sidebar and Sticky Footer.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

13. Slide Down Menu

slide-down-jquery-navigation-menu-plugins

The idea is to make a box with a menu item that slides out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

MORE INFO / DEMO (free jQuery plugin)

14. Memu – A simple CSS / JavaScript / JQuery Menu

memu-jquery-navigation-menu-plugins

A small, solid jQuery plugin which is quite easy to use. It’s a menu which can be used with or without JQuery. What’s special about this script is the included plugin jstorage.js (which is some amazing work btw) to store the current item. So if you’re navigating around, the selected item will stay highlighted. This will spare you some server-side code. You can try this one by clicking on the menu item “File -> New”.

MORE INFO / DEMO (free jQuery plugin)

15. Drop Menu

drop-menu

With this script you can make nice and interactive drop down menus. The advantage of this script is that it not only gives you the ability to make list drop down menu. You can also use a div as drop down element.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

16. Javascript Huge Horizontal Menu

javascript-huge-horizontal-menu

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

17. Ninja UI

ninja-ui-jquery-navigation-menu-plugins

Ninja user interface is skilled in the techniques of JavaScript and CSS, going unnoticed until called upon to perform the arts of webjutsu.

MORE INFO / DEMO (free jQuery plugin)

18. Mega Menu Complete Set

mega-menu-complete-set

This Mega Drop Down Menu Complete Set is perfect for creating unique menus by using one of the 10+ jQuery effects and one of the 13 color variants. Based on a custom grid, this menu allows you to organize your content into columns (from 1 up to 12) with a lot of typography examples such as headings, lists, images styling, tables, form elements, etc.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

19. Image Hover Move

image-hover-move-jquery-navigation-menu-plugins

A simple and practical navigation or featured image jQuery plugin.

MORE INFO / DEMO (free jQuery plugin)

20. jQuery One Page Navigation Plugin

one-page-jquery-navigation-menu-plugins

With this plugin you’ll make the page scroll smoothly when the navigation is clicked. It also automatically highlights the correct navigation section depending upon which section is scrolled to.

MORE INFO / DEMO (free jQuery plugin)

21. Sticky Footer

sticky-footer

This Sticky Footer can contain any kind of content and is ready to be used in your website. You can build your own menu and use from 1 to 12 columns to display your content.

It degrades gracefully if Javascript is disabled, the jQuery effects are used for enhancements only. It comes in two variants : a fixed width to fit your layout width and a full width taking the whole viewport width.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

22. Asura jQuery Footer

asura-jquery-footer

Asura jQuery Footer is a highly customizable sticky footer. It gives you more freedom to put your content onto the footbar.

MORE INFO by codecanyon (premium jQuery plugin)

23. Dropp

dropp-jquery-navigation-menu-plugins

Dropp is a jQuery plugin which replaces regular dropdown menus ( <select> elements ) with alternatives you can style.

MORE INFO (free jQuery plugin)

24. jMenu

jMenu

jMenu is a jQuery plugin that enables us to create horizontal navigations with unlimited sub-menus. Besides jQuery, it also requires jQuery UI and supports all the effects of this library. The markup of the menu is pretty clean as it makes use of nested lists.

MORE INFO / DEMO (free jQuery plugin)

jQuery “Navigation” Plugins (not classical menu style)

25. skinableTabs

skinable-tabs

skinableTabs is an unobtrusive jQuery plugin allowing you to organize your content in attractively skinned tabs.

You can use skinableTabs with multiple positions, skins and transition effects. You can customize the look and feel of any skin in a dedicated CSS file.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

26. Subway Map Visualization jQuery Plugin

subway-map-visualization-jquery-navigation-menu-plugins

This plugin renders unordered lists into a subway map similar in style to the London Underground map. It emphasizes a clean, aesthetic look with curves and proper placement of markers for stations and interchanges.

MORE INFO / DEMO (free jQuery plugin)

27. MobilyBlocks

mobily-blocks-jquery-navigation-menu-plugins

MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.

MORE INFO / DEMO (free jQuery plugin)

28. mb.verticalSlider

vertival-slider

jquery.mb.verticalSlider let you show long list of elements managing pagination, it can work with elements already in the DOM of your page or loading them via ajax when needed. And it works with mouse wheel of course.

MORE INFO / DEMO (free jQuery plugin)

29. infiniScroll

infinite-scroll

“infiniScroll” was written as a jQuery plugin. It works for blog posts… but will work for anything where you scroll to get more data. Just like Twitter.com, Facebook status messages, etc. Instead of paginating items.

MORE INFO / DEMO (free jQuery plugin)

30. jQCloud

jqcloud-jquery-navigation-menu-plugins

jQCloud allows you to build neat cloud-shaped word clouds and tag clouds. Since this plugin produces pure HTML code, the word cloud layout can be easily personalized with custom CSS styles.

MORE INFO / DEMO (free jQuery plugin)

31. jQuery Stepy – A Wizard Plugin

stepy-wizard-jquery-navigation-menu-plugins

jQuery Stepy is a plugin based on FormToWizard that generates a customizable wizard.

MORE INFO / DEMO (free jQuery plugin)

32. Accordion Menu using jQuery

jquery-7-500x250

MORE INFO / DEMO (free jQuery plugin)

33. jQuery Menu Selector

menu-selector-jquery-navigation-menu-plugins

This plugin makes menu items active by location path.

MORE INFO (free jQuery plugin)

34. FooBar – A jQuery Notification Bar

foo-bar

FooBar is a neat and unobtrusive notification bar that sits at the top of the page that can be used to inform or announce specific info to site visitors. The collapsible bar can be used in unlimited scenarios, including displaying notifications, showing site announcements, product specials, competitions, giveaways, etc. Anything you can think of, really.

MORE INFO / DEMO by codecanyon (premium jQuery plugin)

35. Autobrowse Endless Scroller

autobrowse-endless-scroller-jquery-navigation-menu-plugins

When run on a DOM element, this plugin will make the element grow and fill its content automatically when the user scrolls to the bottom of the element. The content is fetched via ajax, and the plugin keeps a cache using local storage.

MORE INFO / DEMO (free jQuery plugin)

36. jQuery Context Menu

jquery-16-500x250

ContextMenu is a lightweight jQuery plugin that lets you selectively override the browser’s right-click menu with a custom one of your own.

MORE INFO / DEMO (free jQuery plugin)

37. jCrumb

jcrumb-jquery-navigation-menu-plugins

JCrumb is a JQuery plugin for instantly adding breadcrumbs to any webpage without the need to worry about sitemaps, or server side languages.

MORE INFO / DEMO (free jQuery plugin)

 
 
 
昆明索仕科技开发有限公司 版权所有 Copyright© 2002-2010 Kunming Source Technology Exploitive Co.,LTD. All Rights Reserved.
电话:0871-5627877 业务QQ:163871  滇ICP备05000592号
本站基于:索仕网站信息管理系统建设 版本 2.0.4325