10个有趣强大的 jQuery导航教程/插件分享

标签: jquery 导航 插件 | 发表时间:2011-10-17 18:46 | 作者:(author unknown) Kai
出处:http://www.iteye.com
使用jQuery能够做出令人称奇的效果,而且轻而易举。在导航制作领域,jQuery没有对手。虽然并不是所有的人都精通jQuey,但学会并使用它们并不难。

网上有许多的jQuery导航教程,可以帮助你学习如何在为用户导航之余为他们增加一些简单而有趣的效果体验。如本文收集的这些。

1. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

如你所知,近来有一大批竞争的javascript库出现。这篇文章的作者非常喜欢MooTools的菜单,因此他使用jQuery又重新设计了类似的效果。



2. Fixed Fade Out Menu

这里旨在为用户进行下拉操作时提供一个固定的导航栏,它只是通过巧妙地淡化自己,使得自身几乎透明来实现。用户将鼠标移动至该菜单时,将再次显现。



3. Create an apple style menu and improve it via jQuery

作者从零开始,利用Photoshop先制作这样一个菜单图片,然后创建所需的HTML和CSS代码,最后通过jQuery完成最终的改进。



4. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

如今,许多网站都使用Wordpress的标签界面来管理其内容类别、文章及评论等。这是一个很好的节省空间的方式,使用得当的话,同样能够提升网站的可用性。首先,我们需要为标签界面构思及设计组织结构。



5. Query idTabs

这篇教程教你怎样制作简单或复杂的菜单标签(Menu tabs)。



6. jQuery ListMenu Plugin

这个jQuery插件让你可以轻松将一个繁长的导航列表转换为小巧、易于浏览的样式,它只在上面列出菜单项的首字母。通过这种方式你可以在导航栏上随意添加数百个条目。



7. Create a Cool Animated Navigation with CSS and jQuery

作者仅仅使用CSS和jQuery便创建了一个非常酷的动画菜单。



8. A Stylish Navigation Menu With jQuery

在这篇文章中你将看到如何在jQuery库帮助下制作一个时髦的CSS+XHTML导航菜单。



9. JQuery Pager Plugin

页面分页对程序员来说最熟悉不过,在Web开发中经常需要对页面进行分页。使用JQuery Pager插件能轻松实现JavaScript分页功能。用法非常简单。只需给出欲展示页面的数目、当前页,及对PageClick方法进行简单修改即可。



10. jqDock

这是一个能将一组图片转换为类似于Mac风格鱼眼菜单(DockMenu)的jQuery插件。菜单可以是水平或垂直方向。



Via  slodive

感谢 luiang1018 投递这篇资讯

已有 0 人发表留言,猛击->>这里<<-参与讨论


ITeye推荐



相关 [jquery 导航 插件] 推荐:

10个最具创意的jQuery导航插件推荐

- qqinxl - ITeye资讯频道
这是一个采用jQuery实现的右键菜单,拥有与windows相同的功能和外观. 这件插件可用于帮助我们创建漂亮的向导/步骤指示器. 一个漂亮的插件用于创建自定义选项卡. 可以利用鼠标滚轮和方向进行滑动操作. 让你能够用不同的效果创建吸引人的垂直菜单. 一个利用CSS3技术实现的侧边面板. 可以在这个侧边面板放置各种元素,从邮件收件箱到自定义表单.

10个有趣强大的 jQuery导航教程/插件分享

- Kai - ITeye资讯频道
使用jQuery能够做出令人称奇的效果,而且轻而易举. 在导航制作领域,jQuery没有对手. 虽然并不是所有的人都精通jQuey,但学会并使用它们并不难. 网上有许多的jQuery导航教程,可以帮助你学习如何在为用户导航之余为他们增加一些简单而有趣的效果体验. 如你所知,近来有一大批竞争的javascript库出现.

jquery 插件

- - JavaScript - Web前端 - ITeye博客
 jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.

常用JQuery插件整理

- xxg - 博客园-首页原创精华区
  虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来.   jquery.HooRay(哈哈,自己写的插件是必须有的).   jquery UI(官方的UI插件,功能很多,但我只用少数几个).   artDialog(很欣赏这个插件,又强大又美观).

2010年最佳jQuery插件

- seenxu - 博客园新闻频道
在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来. WDL的作者从大量的优秀 jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best. 2010年最佳jQuery插件(排名不分先后):. 一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容.

[原]jQuery ListBox Plugin(ListBox插件)

- We_Get - 博客园-首页原创精华区
转载请注明作者(think8848)和出处(http://think8848.cnblogs.com). 未经作者同意,请勿擅自修改本文内容. 这两天项目中要用到类似于ListBox的功能了,本以为有很多jQuery插件,没有想到的是,居然没有搜到好用的,咋办呢,自已动手丰衣足食吧,于是花了一个晚上的时间做出来一个,上效果图:.

JQuery图表插件——Highcharts

- We_Get - 博客园-首页原创精华区
因为项目中需要用到图表生成,所有Google了下,找到了这个插件,顺带写了个DEMO. 先上三个图,分别是曲线、柱状、扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意. 第一步,下载并且引用JS包(highcharts.js),theme顾名思义是放皮肤的. 可以下载DEMO逐一试试就知道效果怎么样了,上图就应用了两个样式.

jquery Dialog - 弹出窗插件

- Bloger - 博客园-首页原创精华区
    分享几个jquery Dialog弹出窗插件.     1)Zebra_Dialog是一个可灵活配置的对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2+支持. 可用于替换JavaScript原始的“alert” 和“confirmation”对话框. 这个插件使用jQuery Plugin Boilerplate构建.

jQuery 插件autocomplete 应用

- Bloger - 博客园-首页原创精华区
  项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能.   autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autocomplete插件).

jquery插件的开发

- - CSDN博客推荐文章
插件的概念大家并不陌生了,插件可以很方便我们进行代码开发,大大节约了我们的开发时间. 以前我用jquery都是自己洗一大把的代码,复用性不高维护也不方便. 因此自己学着开发了2个简单的jquery插件. 下面先看下jquery插件的分类. jQuery开发分为两种:. 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.