50多个强大的 jQuery插件应用实例_H5之家 - 中国HTML5教程资源分享第一站

jQuery是近段时间里比较流行的一个JavaScript框架，不断有使用者开发出新的 jQuery插件。
下面收集了50个开发者最喜欢使用的

jQuery插件。Sliding Panels －滑动门控制

1) Sliding Panels For jQuery -元素可以展开或关闭，创建

出手风琴的滑动效果。

class="alignnone size-full wp-image-342" title="j373" src="/upload8/allimg/c111119/13216393KT060-U116.gif" alt="j373" width="351" height="255" />
(2)

href="http://www.webintenta.com/wp-content/uploads/file/JQueryCollapse.html">jQuery Collapse -这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu －菜单

3) LavaLamp

(4)

href="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php">A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/j20.gif"> j20

(5) SuckerFish Style

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/j21.gif"> j21

Tabs – 选项卡
6) jQuery UI

Tabs / Tabs 3 – 基于 jQuery 的一个Tab选项卡导航

width="416" height="115" />
(7) TabContainer Theme – 当用户在选项卡之间进行切换时，

产生JQuery风格的淡出动效果。

Accordion－手风琴效果

8 ) jQuery Accordion

Demo

src="/upload8/allimg/c111119/13216393L1YP-104V0.gif" alt="2" width="416" height="173" />
(9) Simple JQuery Accordion menu

height="145" />
SlideShows －幻灯片
10) jQZoom-让你在你的网页上很简单的实现图片的缩放功能

。

(11) Image/Photo Gallery

Viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。

height="173" />
Transition Effects – 过渡特效
12) InnerFade - 可以让网页中的任何元素产生淡化效果

(13)

href="http://gsgd.co.uk/sandbox/jquery/easing/">Easing Plugin-另外一个简单的过渡效果插件

(14) Highlight

Fade

(15) jQuery Cycle Plugin- 拥有多种过渡效果的一个Gallery插件。

href="http://www.malsup.com/jquery/cycle/int2.html">

奇幻的jQuery
16)

href="http://sorgalla.com/jcarousel/">Riding carousels with jQuery – 这个jQuery插件可以生成一个水平或垂直的列表，并且允许你控制DIV层的滑动显示。

href="http://sorgalla.com/jcarousel/">Demo :

src="/upload8/allimg/c141116/141614R6294260-Q445.gif" alt="8" width="418" height="127" />
Color Picker －拾色器
17)

href="http://acko.net/dev/farbtastic">Farbtastic -这个 jQuery 插件可以让你通过Javascript添加一个或多个拾色器widgets到一个页面中。

href="http://acko.net/dev/farbtastic">Demo :

title="9" src="/upload8/allimg/c111119/13216393M23320-156193.gif" alt="9" width="416" height="145" />
(18)

href="http://www.intelliance.fr/jquery/color_picker/">jQuery Color Picker
LightBox －灯箱效果
19) jQuery

ThickBox – is a webpage user interface dialog widget written in JavaScript.

Demo :

href="http://jquery.com/demo/thickbox/">

title="10" src="/upload8/allimg/c111119/13216393M3460-1B031.gif" alt="10" width="416" height="173" />
(20)

href="http://www.ericmmartin.com/simplemodal/">SimpleModal Demos – its goal is providing developers with a cross-browser overlay and container that will be populated with

content provided to SimpleModal.

Demo :

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/11.gif">
(21) jQuery lightBox Plugin –

simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery′s selector.

href="http://leandrovieira.com/projects/jquery/lightbox/#example">Demo :

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/12.gif">
(
iframe
22) JQuery iFrame