团队博客

我们提供高品质,符合标准和优化的XHTML/CSS

45个 jQuery的导航插件和教程

正如我们所知道的,一个新用户访问一个网站时,决定他们去留的关键是最初的15-20秒种。这是至关重要的,你必须遵循统一的风格来设计您的网站,特别是导航的风格,可能性规则,让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单,即要直观易用,又要符合你网站的设计风格。

本文列举了45个 jQuery的导航插件和教程,演示通过jQuery实现一些导航效果,教您如何做一个有创造性和易于使用的导航。

横向菜单导航插件和教程

mega下拉菜单 CSS & jQuery
Jquery Menu2 in 45 jQuery Navigation Plugins and Tutorials
演示

一个完善的多级导航栏
Jquery Menu48 in 45 jQuery Navigation Plugins and Tutorials
演示

使用 CSS Sprites 创建导航菜单
Jquery Menu51 in 45 jQuery Navigation Plugins and Tutorials
演示

标签导航光滑水平滑动
Jquery Menu52 in 45 jQuery Navigation Plugins and Tutorials

droppy -嵌套下拉菜单
Jquery Menu1 in 45 jQuery Navigation Plugins and Tutorials

jQuery Listmenu
Jquery Menu35 in 45 jQuery Navigation Plugins and Tutorials
演示

Kwicks for jQuery
Jquery Menu3 in 45 jQuery Navigation Plugins and Tutorials
演示

使用CSS&jQuery 创建导航菜单
Jquery Menu4 in 45 jQuery Navigation Plugins and Tutorials

苹果风格菜单
Jquery Menu5 in 45 jQuery Navigation Plugins and Tutorials
演示

性感下拉菜单使用/ jQuery的&的CSS
Jquery Menu6 in 45 jQuery Navigation Plugins and Tutorials
演示

大型下拉菜单
Jquery Menu7 in 45 jQuery Navigation Plugins and Tutorials
演示

JQuery Pager
Jquery Menu39 in 45 jQuery Navigation Plugins and Tutorials
演示

简单jQuery下拉菜单
Jquery Menu8 in 45 jQuery Navigation Plugins and Tutorials
演示

平滑动画菜单
Jquery Menu9 in 45 jQuery Navigation Plugins and Tutorials
演示

使用jQuery的时尚导航菜单
Jquery Menu10 in 45 jQuery Navigation Plugins and Tutorials
演示

简单样式的jQuery下拉式菜单
Jquery Menu11 in 45 jQuery Navigation Plugins and Tutorials
演示

一个顶部导航菜单
Jquery Menu12 in 45 jQuery Navigation Plugins and Tutorials
演示

Vimeo顶部导航
Jquery Menu13 in 45 jQuery Navigation Plugins and Tutorials
演示

jQuery’d面包屑- jBreadCrumb
Jquery Menu15 in 45 jQuery Navigation Plugins and Tutorials

idTabs
Jquery Menu16 in 45 jQuery Navigation Plugins and Tutorials

按键导航
Jquery Menu17 in 45 jQuery Navigation Plugins and Tutorials
演示

滑动jQuery的菜单
Jquery Menu18 in 45 jQuery Navigation Plugins and Tutorials
演示

下拉,iPod的细目,并飞出样式
Jquery Menu19 in 45 jQuery Navigation Plugins and Tutorials

Flickr的菜单设计
Jquery Menu21 in 45 jQuery Navigation Plugins and Tutorials
演示

固定淡出菜单
Jquery Menu22 in 45 jQuery Navigation Plugins and Tutorials
演示

mb.menu
Jquery Menu23 in 45 jQuery Navigation Plugins and Tutorials
演示

mcDropdown
Jquery Menu25 in 45 jQuery Navigation Plugins and Tutorials

垂直或补充工具栏插件和教程

简单的jQuery手风琴菜单
Jquery Menu29 in 45 jQuery Navigation Plugins and Tutorials
演示

标签式结构菜单
Jquery Menu24 in 45 jQuery Navigation Plugins and Tutorials
演示

新鲜内容手风琴
Jquery Menu49 in 45 jQuery Navigation Plugins and Tutorials
演示

水平滚动菜单
Jquery Menu30 in 45 jQuery Navigation Plugins and Tutorials
演示

使用CSS和jQuery 创建选项卡内容
Jquery Menu50 in 45 jQuery Navigation Plugins and Tutorials
演示

滑出和抽屉效果
Jquery Menu31 in 45 jQuery Navigation Plugins and Tutorials
演示

“Outside the Box” Navigation with jQuery
Jquery Menu32 in 45 jQuery Navigation Plugins and Tutorials
演示

Sproing! -缩略图菜单
Jquery Menu33 in 45 jQuery Navigation Plugins and Tutorials
演示

酷动画导航
Jquery Menu34 in 45 jQuery Navigation Plugins and Tutorials
演示

jQuery的文件树
Jquery Menu36 in 45 jQuery Navigation Plugins and Tutorials
演示

创建一个浮动菜单使用jQuery的HTML和CSS
Jquery Menu37 in 45 jQuery Navigation Plugins and Tutorials
演示

BDC的细目,一个iPod风格的菜单菜单
Jquery Menu40 in 45 jQuery Navigation Plugins and Tutorials
演示

jQuery的上下文菜单插件
Jquery Menu41 in 45 jQuery Navigation Plugins and Tutorials
演示

mootools首页菜单
Jquery Menu42 in 45 jQuery Navigation Plugins and Tutorials
演示

jQuery UI Selectmenu
Jquery Menu43 in 45 jQuery Navigation Plugins and Tutorials

美丽滑出导航
Jquery Menu44 in 45 jQuery Navigation Plugins and Tutorials
演示

可选水平或垂直导航

光滑导航菜单
Jquery Menu46 in 45 jQuery Navigation Plugins and Tutorials

Superfish – Suckerfish on ‘roids/a>演示
Jquery Menu47 in 45 jQuery Navigation Plugins and Tutorials

via:45 jQuery Navigation Plugins and Tutorials

您的评论,是我们最大的鼓励(3 条评论

  1. jasonouyang 说:

    图片都是XX~~~~

  2. 软装饰网 说:

    不错 很多资料都很好 谢谢分享

  3. Pingback 引用通告: 45个 jQuery的导航插件和教程 » WhyJQuery

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

关于本站

专注于 HTML/CSS WordPress jQuery 并提供PSD转HTML外包服务

Q Q:576052953点击这里给我发消息

E-mail:sonichtml@gmail.com