下拉菜单是网上最常见到的效果之一，用鼠标轻轻一点或是移过去，就出现一个更加详细的菜单，它不仅节省了网页排版上的空间、使网页布局简洁有序，而且一个新颖美观的下拉菜单，更是为您的网页增色不少。小编整理了20个非常绚丽而有特色的下拉菜单脚本，且看小编为你一一列举，喜欢就收藏吧！

3-Level Navigation Menu（三级导航菜单）：独具特色的导航菜单，包含CSS3渐变、多个子菜单和jQuery动画

Demo || Tutorial

CSS3 Minimalistic Navigation Menu：一个简单的CSS3动画导航菜单

Demo || Tutorial

SLIDE DOWN BOX MENU WITH JQUERY AND CSS3：创建独特的向下滑动框导航，这个想法是让与菜单项滑出一个盒子,而缩略图弹出

Demo || Tutorial

Create a stunning menu in CSS3：只使用CSS3而创建的惊人菜单，无需javascript和图像

Demo || Tutorial

Elegant Dark CSS3 Menu Template：漂亮的CSS3菜单模板，可轻松地运用于项目中

Demo || Download

Musical drop down menu：具有CSS3动画效果，还使用了HTML5音频元素，能将音乐添加到菜单中

Demo || Tutorial

Creating CSS3 Dropdown Menu：CSS3下拉菜单为带有滑出式子菜单的标签增色不少

Demo || Tutorial

CSS3 vertical multicolor 3D menu：可创建带有3D动画效果的垂直多色和跨浏览器的CSS3菜单

Demo || Tutorial

Simple Drop Down Menu：一款采用jQuery和 CSS技术实现的下拉菜单，可帮助您最大限度地减少菜单列表

Demo || Tutorial

Dark Menu：利用HTML和CSS3创建一个二级菜单，无需javascript和图片

Demo || Tutorial

Pure CSS3 LavaLamp Menu：纯CSS3 LavaLamp的菜单

Demo || Tutorial

HTML5/CSS3 Gray Navigation Menu：采用HTML5和CSS3编写，支持跨浏览器

Demo || Tutorial

CSS3 Onclick Vertical Metal menu：创建一个很酷的带有metal风格的CSS3垂直菜单

Demo || Tutorial

Creative CSS3 Animation Menus：基于CSS3的动画菜单

Demo || Tutorial

Creating CSS3 Dropdown Menu：创建多级CSS3下拉菜单、无需额外JS文件，跨浏览器

Demo || Tutorial

Office Style CSS3 Multilevel Menu：类似于Office风格的CSS3多级菜单

Demo || Tutorial

CSS3 Green Marble Menu：水平下拉菜单，黑色和白色的网站，类似于绿色大理石颜色

Demo || Tutorial

CSS3 Bottom navigation menu：滑动下拉式菜单，固定于屏幕下方

Demo || Tutorial

CSS3 navigation：一个简单而优雅的CSS3红色导航菜单

Tutorial

HTML5 Canvas Navigation menu with Fire：用HTML5创建的交互式导航菜单

Demo || Tutorial