45个新鲜出炉的jQuery插件
之前已经为你介绍了50多个强大的jQuery插件,但是承受着jQuery的流行,越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件,看看,有哪些是你想要应用到你的网页设计中的?
图象幻灯片展示和画廊插件
1) Galleria -这是一个用jQuery编写的javascript图像画廊插件。之前帕兰已经做过介绍。
2) jQuery Multimedia Portfolio -支持多种多媒体格式,包括:图片,视频 (flv), 音频 (mp3), 并且自动侦测每个文件的扩展名再分别调用合适的播放器。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j20.gif)
3) wSlide -通过列表名单切换动画盒式的内容区域。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j25.gif)
标签云
4) Hover Sub Tags- 使用jQuery来缩小标签云所占成的页面,比如你有一个”Ajax”的标签, 你可以在这个标签里面再放入二级标签 jquery, mootools, 等…当鼠标悬浮在一级标签上时,就出现一个动态提示效果的二级标签云。
分页系统
5) Pagination-创建一个分页导航,当你的网页内容比如多的时候,比较适合使用这种分页导航系统,同时也有利于SEO。这个利用jQuery编写的分页导航的特点是,你可以把它与搜索相结合,控制搜索结果的显示文章数。
导航系统
6) Accordion Menu -这是一个手风琴效果的演示, 标题使用 H3 标签, 子菜单使用UL标签来实现伸缩。
7) jQuery Treeview Plugin
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j31.gif)
8 ) Coda-Slider- 一个强大的jQuery滑动门技术,效果平滑,很酷。支持上下页的控制。
![](http://www.chenbincb.com.cn/cnblogs/images/50/t12.gif)
9) Simple Horizontal Accordion
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j32.gif)
表格和网格
10) TableRowCheckboxToggle - 它笼统地加入了切换功能,以任何表行您所指定的基础上的CSS类的名字。它将默认切换任何复选框内的表行。
11) TableEditor - Tableeditor提供了灵活的实时编辑的HTML表格。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j30.gif)
12) Ingrid - Ingrid是一个个性的jquery插件,可以为你的图表添加很多网格数据行为,包括大小,分页,整理,排柱造型以及更多。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j34.gif)
表单
13) jQuery Nice Form -创建自定义风格的表单事件。
14) Easy Multi Select Transfer 选项菜单选中后到达另一个选项栏的效果。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j42.gif)
15) jQuery Form Plugin- 让你轻松自然地升级HTML表单使用Ajax表单和提交的方法,以方便从从表单元素中搜集资料,并决定如何管理提交进程,让你对数据如何提交能有充分的控制权。
滚动和滑动技术
16) jQuery.SerialScroll -此插件可以让你很容易实现任何动画的一系列要素依次滚动。你可以用它作为一节滑块,滚轮文本,幻灯片,新闻股票等。
17) liScroll - LiScroll是一个 jQuery 插件,可以让你转换任何无序列表为一个滚动内容展示。
18) Spinner -可以让你在一个固定区域里无限量的增加内容进行滚动样式的展示。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j41.gif)
表单事件
19) jWYSIWYG 一个可以内嵌网页的所见即所得的HTML文本编辑插件。
20) Simple chained combobox -很简单的一个jquery选项插件,通过JSON的加工和返回特点,提供连锁反应式的多重选择。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j14.gif)
21) jQuery checkbox
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j18.gif)
22) jGrow
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j16.gif)
Toggling
23) jTruncate in Action -jtruncate可以自定义截断你网页中的文本实体。
24) toggleElements - toggleElementS是一个展开/隐藏效果的jqurey插件。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j37.gif)
渐变和阴影
25) Drop Shadows -这个插件可以为你的文本生成一个非常有趣的阴影效果。
26) Gradient jQuery plugin - 实现渐变效果,你可以设定渐变的方向和透明度值。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j11.gif)
27) Gradient -让你拥有一个动态渐变效果的背景,不需要使用任何图片。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j29.gif)
Lightbox灯箱效果
28) Facebox 基于jQuery, Facebook风格的lightbox灯箱插件,可以显示图片、DIV层和文章页面等。
29) jQuery Lightbox Plugin- (balupton edition)
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j44.gif)
拾色器
30) jQueryColorPicker -一个简单的jquery拾色器插件,可以让用户选择色盘中的颜色来实现背景颜色的切换。
值得试用的一些jQuery插件
31) Animated InnerFade- 完全符合w3c标准的动画幻灯片插件。
32) Easy POP Show 1.0 Release -全屏幕显示的画廊插件。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j8.gif)
33) jqChart- Ajax的图表插件
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j23.gif)
34) UI Datepicker -一个简单的jQuery UI日期拾取器.
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j35.gif)
35) JSmile -一个完全自定义的添加特定表情图标的插件。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j3.gif)
36) ImgAreaSelect - imgAreaSelect是一个 jQuery插件,可以让你在一张图片中选择一个矩形,并且可以列出坐标值。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j4.gif)
37) jPrintArea-jPrintArea是一个简单的,用来打印指定的文本内容。查看DEMO演示
38) jTabber- 一个Tab选项卡切换技术,不需要重新载入页面
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j27.gif)
39) jQuery Calculation Plug-in - 一个计算类插件。可以让你计算一些简单或是复杂的数学公式。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j6.gif)
40) jquery.biggerlink - 这个jQuery插件可以让你为指定的链接添加成在线代理后的链接地址。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j40.gif)
41) Humanized Messages- 在你的网页上显示一个半透明的内容信息,但是当用户有任何操作时,它就会慢慢消失。
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j33.gif)
42) Ajax Manager 帮助你管理AJAX请求和回应,(比如,放弃请求,锁定请求,排序请求等).
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j12.gif)
43) Background-Position Animation
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j22.gif)
44) Lazyload-Delays loading of images in (long) web pages. Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down they are loaded when needed.Check out their demo page
45) jQuery Tag Suggestion- The same tag suggesting as-you-type support that del.icio.us is uses.Check out their demo page
![](http://www.chenbincb.com.cn/cnblogs/images/50/2j43.gif)
原文:45+ Fresh Out of the oven jQuery Plugins
翻译: 帕兰映像