50+jQuery的领航插件和教程

50+jQuery的导航插件和教程

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

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

原文地址:http://www.woiweb.net/50-jquery-navigation-plugins-and-tutorials.html

横向菜单导航插件和教程

Mega Drop Down Menu w/ CSS & jQuery | Demo

50+jQuery的领航插件和教程

一个完善的多级导航栏 | Demo
在本教程中,作者说明了实施完善多层次的导航栏使用htmlcss和不显眼的javascript的使用jQuery的一些代码行来显示和隐藏小节他的方法。

50+jQuery的领航插件和教程

使用子画面创建导航菜单 | Demo
精灵的css可以大大提高网站的性能,使用jQuery,我们可以很容易地实现真棒过渡效果。

50+jQuery的领航插件和教程

标签导航光滑水平滑动
在本教程中,您将创建一个导航菜单幻灯片水平。它从一个“标签上包含的元素的右边”设置。当点击一个标签幻灯片左侧显示的链接组。再次点击该标签,它滑出。

50+jQuery的领航插件和教程

droppy – 巢式下拉菜单
这不是最灵活的插件,但如果你正在寻找一个基本的菜单,它是完美的。
50+jQuery的领航插件和教程

jQuery Listmenu | Demo
这jQuery插件允许您方便地转换为长期,难以导航到一个紧凑,易于脱脂首字母为基础的菜单系统,可以快捷进出双向访问数百个项目名单。

50+jQuery的领航插件和教程

Kwicks for jQuery | Demo

50+jQuery的领航插件和教程

创建CSS&jQuery的导航菜单
在本教程中,您将学习如何建设顺利滚动使用jQuery和scrollTo插件影响一个css导航菜单。

50+jQuery的领航插件和教程

苹果风格菜单 | Demo
在这个深入教程中,您将创建一个苹果风格豹-文本缩进菜单从头开始。首先,您将建立在Photoshop菜单,然后您可以创建所需的html和CSS,并最终改善与jQuery它。

50+jQuery的领航插件和教程

性感下拉菜单瓦特/ jQuery的&的CSS | Demo
大部分下拉菜单看上去美观,但发展中国家他们适度地降低也很重要。在本教程中,作者展示了如何创建一个性感的下拉菜单中缓慢下降。

50+jQuery的领航插件和教程

使用jQuery超级下拉菜单 | Demo
一个大型的建议盘旋下降时,下拉菜单是0.5秒,另有0.5秒钟的延迟当用户移动鼠标了。这些准则,作者演示了如何建立一个大型的下拉可利用的时间延迟菜单。

50+jQuery的领航插件和教程

JQuery Pager | Demo
jQuery的传呼机是一个简单的jQuery插件提供分页功能,数据驱动的Web应用程序。

50+jQuery的领航插件和教程

简单的jQuery下拉 | Demo
jQuery的菜单不必很复杂,有时你可能想尝试使它们的东西略有不同尽可能地简单。此菜单插件,剥去了以最少的样式代码,但仍通常需要的所有功能。

 

继续阅读:http://www.woiweb.net/50-jquery-navigation-plugins-and-tutorials.html