当您需要创建一些内容和菜单部分很多的大型网站时,往往需要多级的菜单来将内容分类,这里收集合了38个 css 和 jQuery 多级下拉菜单解决方案,主要是基于jQuery和CSS下拉或多层次的下降可加载的文件,并且您只需要修改下CSS。就能快速搭建您自己的多级下拉菜单。
1. “Outside the Box” Navigation with jQuery
本教程介络如何做一个OS X风格的导航。
Preview Demo
2. Sexy Drop Down Menu w/ jQuery & CSS
如何创建一个性感的下拉菜单
Preview Demo
3. Designing the Digg Header: How To & Download
压缩导航的使用与简单的下拉菜单
Preview Demo
4. Create The Fanciest Dropdown Menu You Ever Saw
5. A circular menu with sub menus
带有圆形菜单子菜单
Preview Demo
6. A Different Top Navigation
使用jQuery来创建不同的多层次的横向导航
Preview Demo
7. Perfect signin dropdown box likes Twitter with jQuery
如何使用jQuery创建一个登录Twitter的下拉式
Preview Demo
8. Sliding Jquery Menu Tutorial
如何创建一个滑动菜单按钮使用jQuery。
Preview Demo
9.Fancy Sliding Menu for Mootools
10. Create Vimeo-like top navigation
这篇文章是完全致力于展示先进的下拉菜单。十分详细,并具有良好的书面教程,缩小了搜索选项和目标通过检查选项搜索。菜单做法完全是只使用CSS
Preview Demo
11. Dynamic PHP/CSS menu
12. Creating an Outlook Navigation Bar using the ListView and Accordion Controls
13. Animated Drop Down Menu with jQuery
14. jQuery UI Potato Menu
15. Make a Mega Drop-Down Menu with jQuery
16. A cross-browser drop-down cascading validating menu
简单的CSS菜单
Preview Demo
17. Drop-Down Menus, Horizontal Style
2004年的很老的下拉式教程
Preview Demo
18. Superfish v1.4.8 – jQuery menu plugin by Joel Birch
Superfish是一个增强Suckerfish式菜单jQuery插件,采用现有纯CSS下拉菜单(缓慢下降,所以没有JavaScript)和更多的功能。
Preview Demo
19. JavaScript Dropdown Menu with Multi Levels
这种多层次的下拉菜单脚本大小仅有1.2 kb的。它具有动画,导航当前位置,易于实施和维护。
Preview Demo
20. jQuery (mb)Menu 2.7
这是一个强大的jQuery的组成部分,很容易建立一个多层次的树型菜单或上下文菜单(右键菜单)!
Preview Demo
21. Menumatic
MenuMatic是一个mootools1.2 的类,可以把一个语义有序或无序的链接列表,变成一个动态下拉菜单系统。对于没有打开JavaScript的用户,它将回到一个CSS菜单
Preview Demo
22. Smooth Navigational Menu (v1.31)
Smooth Navigation Menu是一个多层次,使用CSS列表和jQuery,使得网站导航菜单流畅显示。
Preview Demo
23. jQuery File Tree
jQuery File Tree是一个可配置AJAX文件的浏览器插件。您可以创建一个定制的,低至只有一行JavaScript代码的在线互动文件树。
Preview Demo
24. Longed-For Multi-Level Drop-Down Menu Script
25. jQuery & CSS Example – Dropdown Menu
本文旨在描述一个非常基本的,但极其强大的技术添加在你的应用程序用户界面或网页设计的下拉菜单。
Preview Demo
26. Reinventing a Drop Down with CSS and jQuery
27. Simple jQuery Dropdowns
高度剥离下来的代码和最小的风格,但仍然有下拉菜单通常需要的所有功能。
Preview Demo
28. Styling Drop Down Boxes with jQuery
与HTML窗体一样风格的元素放进你的设计。
Preview Demo
29. jQuery iPod-style Drilldown Menu
30. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready
新版本的iPod的风格的菜单。
Preview Demo
31. mcDropdown jQuery Plug-in v1.2.07
32. jQuery Drop Line Tabs
jQuery的下拉线标签(选项卡)
Preview Demo
33. Cut & Paste jQuery Mega Menu
Mega Menus指下拉菜单中包含多个列的链接。这里使用的jQuery脚本允许您添加任何网页链接锚在一个巨型菜单上,当鼠标滑过了锚时,菜单动画淡入淡出。超级酷!
Preview Demo
34. Professional dropdown #2
35. Drop down menu with nested submenus
36. jdMenu Hierarchical Menu Plugin
jQuery jdMenu的插件提供了用于创建了Web应用程序的网站,下拉菜单,干净,简洁和优雅的解决方案。
Preview Demo
37. Dynamic Drive – Multiple Level Menus
一个自由先进的CSS和Javascript下拉菜单很多,在这里,还有的指导和建议如何使用修改它们。
38. IzzyMenu – Menu Builder – Build your pro CSS/DHTML Menu
几十个可供选择的样式或准备建立自己的菜单风格。都是小文件,不会消耗大量的带宽。