35 个采用HTML5,jQuery和CSS3技术实现的下拉菜单指南
How to Build and Enhance a 3-Level Navigation Menu
It build an attractive cross-browser navigation menu; notable features include CSS3 gradients, multiple sub-menus, and jQuery animations.

CSS3 Minimalistic Navigation Menu
A simple CSS3 animated navigation menu

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

Create a stunning menu in CSS3
Make a slick navigation menu using only CSS3. No javascript and images required, all resources are mentioned on tutorial.

Elegant Dark CSS3 Menu Template
Beautiful CSS3 menu templates, you can easily use for your projects.

Musical drop down menu
This menu has css3 animation effects (neat hover effect to menu elements). We also used html5 Audio element in order to add music to this menu.

Creating CSS3 Dropdown Menu
This css3 dropdown will colored tabs with slideout submenus.

CSS3 vertical multicolor 3D menu
Create new stylish vertical multicolor and crossbrowser CSS3 menu with 3D animation. This is UL-LI-based menu.

Simple Drop Down Menu
A beautiful Simple Drop Down menu developed in jQuery and CSS. This tutorial help you minimise the menu lists.
Dark Menu
In this tutorials, you will learn , how to create two level menu in HTML and CSS3. There is no javascript and images included in creation.

Pure CSS3 LavaLamp Menu
Lavalamp menu created in CSS3 and use transition in menu(animate elements).

HTML5/CSS3 Gray Navigation Menu
This navigation menu created in HTML5 and CSS3 and no images were used. This menu navigation supports cross-browser as well.

CSS3 Onclick Vertical Metal menu
In our new tutorial we will create a cool CSS3 vertical menu with icons in metal style.

Creative CSS3 Animation Menus
A beautiful simple composition of elements build on CSS3.

Mega menu with HTML5 and CSS3
This mega menu is an experimental model to create meaningful only attractive menu with CSS3.

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
In this tutorial, we’ll learn how to build a cross-browser, awesome CSS-only drop-down mega menu, using nice CSS3 features.

Making a CSS3 Animated Menu
In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu

Creating CSS3 Dropdown Menu
Create your own multilevel CSS3 dropdown menu (without extra JS files – pure CSS). Since this menu is made using CSS3 – it renders perfect on Firefox, Chrome and Safari browsers.

CSS3 Dropdown Menu
This menu like Mac-Like multi-leavel dropdown.

Click action Multi-level CSS3 Dropdown Menu
This will multilevel dropdown menu, but today submenus will appear not onhover, but onclick action.

Creating CSS3 Dropdown Menu
The menu will include a submenus that will slide when we hovering the parent elements. That menu will good for green palette templates.

Office Style CSS3 Multilevel Menu
This is click action drop down menu with strict office styles (like MS Office styles).

CSS3 Green Marble Menu
We’ll create a new horizontal dropdown CSS3 menu. This menu will be suitable for black and for white websites. It made of green marble colors.

CSS3 Bottom navigation menu
This is will sliding drop down menu with fixed position in bottom of screen. Also, I going to use jQuery for sliding effects.

jQuery style menu with CSS3
In this tutorial, you will learn mucking about with CSS3 transitions which could one day replace with all fancy jQuery animation tricks.

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.

CSS3 navigation
Demo || Tutorial
A Simple and elegant CSS3 navigation in red color.

HTML5 Canvas Navigation menu with Fire
Creating some interactive navigation menu in HTML5, directly at canvas element.

Collection of menu effects
Demo || Tutorial
This menu effects inspire with scroll effects and written in pure css.

Simple CSS3 Dropdown Menu
This menu written in css3. This code does not uses child selector and touch of css3 shadow, transition and text-shadow.

Fanciest Dropdown Menu
Another basic Dropdown menu in brown color scheme.

Dropdown Menu in jQuery and CSS
This article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design.

Menu Bars with CSS3
Another simple example of vertical slide hover effect for menu bars developed in css3.

CSS3 Scroll Drop Down Menu
A beautiful navigation coded in CSS3.

CSS3 multilevel menu with transition and animation
Create a new nice CSS3 menu with interesting behavior, where I use css3 transition and animation. This is UL-LI-based multilevel menu.
