我们搜集了45 jQuery菜单教程插件。无论你是在寻找一种多层次菜单,下拉菜单,一个菜单,会在工具条,一个手风琴菜单,或其他类型的菜单你可以的梦想,这篇文章会有一些有用的工具,为你。我们期待您的意见和建议的评论,这篇文章。
1. FormBox – A jQuery & CSS3 Drop-Down Menu With Integrated Forms Today I’d like to share something new with you – I call it jQuery FormBox. When designing the layout for a website there’s one thing that we as designers are always conscious of – making things easier for users. No matter what it is your site offers, you’re still going to need to balance the interface in a way that keeps it very easy for users to find and perform core site functions around your site or service, ideally without having to load up a completely different page. 2. Sexy Drop Down Menu w/ jQuery & CSS Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully. 3. Slick Drop down Menu with Easing Effect Using jQuery & CSS Drop-down menus are an excellent feature because they help clean up a busy layout. When structured correctly, drop-down menus can be a great navigation tool, while still being an attractive design feature. 4. How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us. 5. Slide Down Box Menu with jQuery and CSS3 In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide 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. 6. Slide-Down Mega Drop-Down Menus with Ajax and jQuery Here we have a group of social bookmarking dudes and chicks for your websites, blogs and profiles. The set contains: RSS, Facebook, Twitter, StumbleUpon, Youtube, Digg, Delicious, Technorati and LinkedIn. Downloading this package you get PNGs + AI file with fully editable source for all characters. Enjoy and leave us a comment if you like 7. MenuMatic MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb. 8. Create Simple Dropdown Menu Using jQuery In this post, we are going to create a simple dropdown menu with the help of jQuery, take a look at the demo of it first. I assume you know at least the basics of jQuery and CSS. The key to creating the dropdown menu is to use the CSS’s properties: position, top, left, z-index. 9. Create Bounce out Vertical menu with jQuery So here will create a simple bounce out vertical menu with the help of little bit css3 and jquery framework. Beautiful navigation menu can stand out your website from the crowd of creative navigations. That’s why we tried to create vertical menu which on mouse hover give a nice bounce out sliding effect. Lets begin.. 10. How to Make a Smooth Animated Menu with jQuery The menu has such a smooth animation because of a thing called “easing”. Adobe’s definition in the Flash Developer Center is a little more complete 11. “Outside the Box” Navigation with jQuery Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn’t new, it’s certainly not common. 12. jdMenu Hierarchical Menu Plugin for jQuery The jdMenu plugin for jQuery provides a clean, simple and elegant solution for creating hierarchical drop down menus for websites to web applications. View the feature list below to see if jdMenu is the solution for you. 13. Create The Fanciest Dropdown Menu You Ever Saw Good evening web designers. I hope you have all had a great weekend, and are ready to start the working week tomorrow. I have something very special to share with you today. 14. jQuery Simple Drop-Down Menu Plugin So, I present to you the simple drop-down menu. The peculiarity of this menu is that these 20 lines of code and absence of various cumbersome mouse events within html code. This script requires the jQuery library. There’s a version that does not require jQuery. 15. A Different Top Navigation When designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One example being horizontal navigation limits the number of links you can have due to a limited page width. This is usually solved by including a drop down system. However, if you are attempting to make your particular site stand out, you might consider thinking outside the “norm”. 16. Create a Good Looking Floating Menu with jQuery Easing This tutorial will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function. It’s a simple effect but the final product is quite nice looking and elegant. 17. Create an apple style menu and improve it via jQuery Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. 18. Create Vimeo-like top navigation I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it. And this is exactly what I am going to do in this tutorial. Hi there welcome to another tutorial, in this tutorial il show you how to create a sliding menu button using jquery. You can see the effect in action over on the PSDtuts webpage in the top right hand corner. 20. Make a Mega Drop-Down Menu with jQuery SitePoint’s Craig Buckler blogged yesterday about what he sees as the next big thing in web design: mega drop-down menus. 22. jQuery iPod-style Drilldown Menu We created an iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. It’s especially helpful when organizing large data structures that don’t translate well into traditional dropdown or fly-out menus. 23. Superfish v1.4.8 – jQuery menu plugin by Joel Birch Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements: 24. Multi-Level Drop-Down Menu Script The main feature of this menu is the clear separation between the HTML code, software code and visual appearance. No more onmouseover or onmouseout or, worse, multidimensional array of elements in a .js file. 25. Reinventing a Drop Down with CSS and jQuery For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that (easily, believe it or not). There are lots of dropdown menus already out there. I’m not really trying to reinvent the wheel here, but I wanted to try to do something slightly different by making them as dead simple as possible. Very stripped down code and minimal styling, yet still have all the functionality typically needed. 27. A Simple and Beautiful jQuery Accordion Tutorial I was about running of ideas in tutorials, picking my own brain, and finally, I’ve almost forgotten the awesomeness of accordion. Yes, we will be creating a Accordion! Accordion has several characteristics 28. Vertical Scroll Menu with jQuery Tutorial Just last week, I came accross to this website Narrow Design. His scroll menu caught a lot of my attentions, I played with it for a while. Yes, unfortunately, it’s built in flash. And, Yes, we are going to implement it with jquery – javascript based scroll menu that will do the same thing. Of course, it will not be 100% the same, because some of the fancy features just not that practical to implement with javascript.