35 個采用HTML5，jQuery和CSS3技術實現的下拉菜單指南

How to Build and Enhance a 3-Level Navigation Menu

Demo || Tutorial

It build an attractive cross-browser navigation menu; notable features include CSS3 gradients, multiple sub-menus, and jQuery animations.

CSS3 Minimalistic Navigation Menu

Demo || Tutorial

A simple CSS3 animated navigation menu

SLIDE DOWN BOX MENU WITH JQUERY AND CSS3

Demo || Tutorial

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

Demo || Tutorial

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

Elegant Dark CSS3 Menu Template

Demo || Download

Beautiful CSS3 menu templates, you can easily use for your projects.

Musical drop down menu

Demo || Tutorial

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

Demo || Tutorial

This css3 dropdown will colored tabs with slideout submenus.

CSS3 vertical multicolor 3D menu

Demo || Tutorial

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

Simple Drop Down Menu

Demo || Tutorial

A beautiful Simple Drop Down menu developed in jQuery and CSS. This tutorial help you minimise the menu lists.

Dark Menu

Demo || Tutorial

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

Demo || Tutorial

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

HTML5/CSS3 Gray Navigation Menu

Demo || Tutorial

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

Demo || Tutorial

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

Creative CSS3 Animation Menus

Demo || Tutorial

A beautiful simple composition of elements build on CSS3.

Mega menu with HTML5 and CSS3

Demo || Download

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

Demo || Tutorial

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

Demo || Tutorial

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

Demo || Tutorial

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

Demo || Tutorial

This menu like Mac-Like multi-leavel dropdown.

Click action Multi-level CSS3 Dropdown Menu

Demo || Tutorial

This will multilevel dropdown menu, but today submenus will appear not onhover, but onclick action.

Creating CSS3 Dropdown Menu

Demo || Tutorial

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

Demo || Tutorial

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

CSS3 Green Marble Menu

Demo || Tutorial

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

Demo || Tutorial

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

Demo || Tutorial

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

Demo || Tutorial

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

Demo || Tutorial

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

Demo

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

Fanciest Dropdown Menu

Demo || Tutorial

Another basic Dropdown menu in brown color scheme.

Dropdown Menu in jQuery and CSS

Tutorial

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

Demo || Tutorial

Another simple example of vertical slide hover effect for menu bars developed in css3.

CSS3 Scroll Drop Down Menu

Demo

A beautiful navigation coded in CSS3.

CSS3 multilevel menu with transition and animation

Demo || Tutorial

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