100+个最佳jQuery菜单与下拉菜单示例

1） jQuery w菜单/下拉菜单示例教程

此教程是描述一个拥有全部不错的样式动画以及功能的菜单,也许这正式你一直在寻找的。我将细致描述 HTML 与 CSS 。我将假设你了解了 HTML 与 CSS 的知识并且你也可以拷贝一下代码。

更多详细    示例

2）如何用 jQuery 创建 Walking 导航栏示例教程

对于带有固定位置的导航栏的单页网站,如果能够告诉用户当前阅读的是哪一部分将会很棒.该教程将分享如何创建这样的 Walking 导航栏。换句话说，自动获得焦点的导航栏基于用户的页面滚动，利用 jQuery 以及 CSS 动画来表现。

更多详细    示例

3）BoxyMenu：jQuery Box 导航栏菜单示例教程

BoxyMenu 是一个简便快捷的导航栏插件，能够在大多数浏览器中被顺畅地渲染。能够很简单地自定义与内嵌到任何网站和 web 应用中。若你想给自己的站点做点小改变，那么在导航栏上做试验就是最有效的方式。 
一个设计良好的导航栏不仅仅能使你的站点更加简介和实用，也会直接改变你全部的的网站布局设计。有很多你可以对站点导航栏进行实践的方面：颜色，方向，图标，字体，样式等。所有这些菜单样式用于某个特定用途都是很有效的。

更多详细    示例

4）使用 jQuery 实现自移动的子菜单示例教程

该示例将描述如何创建根据选择的父选项而自移动的子菜单.每一个子菜单都被水平地堆放着,从而有序地排列在父菜单下。所以当用户移动光标到某个父菜单上时对应子菜单将会将会水平滑出。

更多详细    示例

5）Chico UI – jQuery 用户界面组件

Chico UI 是一个用于简化开发的开源免费的 jQuery 用户界面组件集 
该组件集包括自动完成,闪烁效果,日历,转盘效果,倒计时, date-picker ,下拉，表单和其他。 
有一个名为 Chico Mesh 的 CSS 布局框架能够帮助处理任何形式的网站布局

更多详细    示例

6）绚丽的 CSS 与 jQuery 菜单

我将与你分享一个绚丽的 CSS 与 jQuery 菜单。这是一个创建常规 ul li 菜单并为锚点标记应用彩色上边框来匹配悬停的某元素的背景颜色。

jQuery 将创建一个 span 元素然后将其插入到 HTML 结构中，彩色的背景便会在菜单移动时切换了。
更多详细    示例

7）jQuery增长菜单

今天我们将使用 jQuery 与 CSS 创建一个水平扩展的菜单

更多详细    示例

8）jQuery 转盘菜单插件

转盘菜单是一种圆形的上下文关联的菜单。它的界面相当的拉风和直观，现在应用到你的站点将非常简单。

更多详细    示例

 

 

9）jQuery Mega 下拉菜单插件

该插件能使用标准 HTML 嵌套列表创建水平 mega 菜单，能让用户通过菜单选项查看所有可见的顶层菜单项内容。并拥有几个插件可变选项。

更多详细    示例

10）使用 jQuery 与 CSS创建动态滑动菜单

本示例将介绍如何开发超屌的动态滑动菜单。虽然该菜单需要写很多代码，我们将清楚地解释以便让读者好理解。

更多详细    示例

 

 

（源自：http://www.oschina.net/question/89964_50339?from=20120429）