50+ jquery 插件框架应用实例

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

sliding panels －滑动门控制

1) sliding panels for jquery -元素可以展开或关闭，创建出手风琴的滑动效果。

>http://bbon.cn/wp-content/uploads/2009/02/143052vd3.gif

(2) jquery collapse -这个jquery插件同样点击后滑动展开或关闭div层。
menu －菜单

3) >lavalamp

http://bbon.cn/wp-content/uploads/2009/02/143053kr0.gif

(4) a navigation menu- 锚链接的无序列表嵌套, 可以添加2级菜单

http://bbon.cn/wp-content/uploads/2009/02/1430544pg.gif

(5) >****erfish style

http://bbon.cn/wp-content/uploads/2009/02/143054moq.gif

tabs – 选项卡

6) jquery ui tabs / tabs 3 – 基于 jquery 的一个tab选项卡导航

>http://bbon.cn/wp-content/uploads/2009/02/143056je8.gif

(7) tabcontainer theme – 当用户在选项卡之间进行切换时，产生jquery风格的淡出动效果。

>http://bbon.cn/wp-content/uploads/2009/02/143057f7u.gif
accordion－手风琴效果

8 ) jquery accordion

http://bbon.cn/wp-content/uploads/2009/02/143058bh1.gif

(9) >simple jquery accordion menu

>http://bbon.cn/wp-content/uploads/2009/02/143059dow.gif
slideshows －幻灯片

10) jqzoom-让你在你的网页上很简单的实现图片的缩放功能。

http://bbon.cn/wp-content/themes/wpink//images/grey.gif

效果预览下载

(11) >image/photo gallery viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像flash一样的多种浏览特效。

http://bbon.cn/wp-content/themes/wpink//images/grey.gif
transition effects – 过渡特效

12) >innerfade - 可以让网页中的任何元素产生淡化效果

>http://bbon.cn/wp-content/uploads/2009/02/143102sqm.gif

(13) >easing plugin-另外一个简单的过渡效果插件

(14) >highlight fade

(15) >jquery cycle plugin- 拥有多种过渡效果的一个gallery插件。

>http://bbon.cn/wp-content/uploads/2009/02/143103ysu.gif

奇幻的jquery

16) >riding carousels with jquery – 这个jquery插件可以生成一个水平或垂直的列表，并且允许你控制div层的滑动显示。

http://bbon.cn/wp-content/uploads/2009/02/1431050jp.gif
color picker －拾色器

17) farbtastic -这个 jquery 插件可以让你通过javascript添加一个或多个拾色器widgets到一个页面中。

http://bbon.cn/wp-content/uploads/2009/02/1431068e9.gif

(18) >jquery color picker
lightbox －灯箱效果

19) >jquery thickbox – is a webpage user interface dialog widget written in javascript.

http://bbon.cn/wp-content/uploads/2009/02/143107leu.gif

(20) >simplemodal demos – its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to simplemodal.

http://bbon.cn/wp-content/uploads/2009/02/143108jvh.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.

http://bbon.cn/wp-content/uploads/2009/02/143109j0y.gif
iframe

22) jquery iframe plugin

>http://bbon.cn/wp-content/uploads/2009/02/143111jkx.gif
form validation -表单验证器

23) validation – 有一套完整相当的形式验证规则。该插件还动态地创建id和联系信息。

http://bbon.cn/wp-content/uploads/2009/02/143112up1.gif

(24) >ajax form validation – 在客户端使用jquery验证的一种形式，它可以验证用户名是否有效等。

http://bbon.cn/wp-content/uploads/2009/02/143112xtr.gif

(25) >jquery alphanumeric -欢迎对对表单域中的某些字符进行限制

>http://bbon.cn/wp-content/uploads/2009/02/143113j98.gif
form elements －表单事件

http://bbon.cn/wp-content/uploads/2009/02/143114o27.gif

(26) >jquery.combobox – 从现在的选择元素中创建一个个性的html组合

(27) >jquery checkbox -样式化选择框，从而提高交互能力。

(28) >file style plugin for jquery -file style插件让你可以使用图像做为文件浏览按钮，你还可以样式化文件名称区域。

star rating －星形评级系统

http://bbon.cn/wp-content/uploads/2009/02/143115mmh.gif

(29) >simple star rating system

30)>half-star rating plugin
tooltips －提示工具

31) >tooltip plugin examples – 一个花俏的提示应用。可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击>demo 演示.

(32) >the jquery tooltip

>http://bbon.cn/wp-content/uploads/2009/02/143116j30.gif
tables plugins －表格插件

33) >zebra tables demo -使用jquery来创建出斑马线风格的数据表格，鼠标悬浮时能改变背景色。

>http://bbon.cn/wp-content/uploads/2009/02/143117wpk.gif

(34) >table sorter plugin - 把一个标准的html表格分解成thead和tbody标签构成的分类表格，不需要刷新。它能够成功地解析和整理多种类型的数据，包括联系资料。

>http://bbon.cn/wp-content/uploads/2009/02/143118e7g.gif

(35) >autoscroll for jquery -可以生成网页表格的热点自动滚动效果

>http://bbon.cn/wp-content/themes/wpink//images/grey.gif

(36) scrollable html table plugin- 用来转换表格为普通的滚动html。不需要额外的编码。

>http://bbon.cn/wp-content/themes/wpink//images/grey.gif
draggable droppables and selectables 拖拽

37) >sortables - 一个简单强大的拖拽插件。

>http://bbon.cn/wp-content/uploads/2009/02/143121g9g.gif

(38) >draggables and droppables- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作

>http://bbon.cn/wp-content/uploads/2009/02/143122c3m.gif
style switcher －切换风络

39) switch stylesheets with jquery允许访客选择他们喜欢的网站样式，使用了cookie记录，也就是同一个用户下次再访问时，除非他不切换，否则会保留他选择的样式。
rounded corners 圆角效果
40) jquery corner demo

>http://bbon.cn/wp-content/uploads/2009/02/143123rt7.gif

(41) >jquery curvy corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。

>http://bbon.cn/wp-content/uploads/2009/02/143124igf.gif
must see jquery examples 应该了解的一些jquery应用实例

42) jquery air – 一个非常非常特别的客户管理界面应用插件，太特别了，太太太特别了。

>http://bbon.cn/wp-content/uploads/2009/02/143125kes.gif

(43) heatcolor

>http://bbon.cn/wp-content/uploads/2009/02/143126ji4.gif

(44) >simple jquery examples

(45) >date picker -一个灵活个性的jquery日历组件。

>http://bbon.cn/wp-content/uploads/2009/02/143127lxh.gif

(46) >scrollto -这个jquery插件可以让你实现当点击链接时中滚动到页面中的某一对象

(47) >3-column splitter layout 一个3栏布局分配插件。

>http://bbon.cn/wp-content/uploads/2009/02/143128z35.gif

(48) >pager jquery -一个小巧的 jquery插件，用来增加分页的页码效果

>http://bbon.cn/wp-content/uploads/2009/02/143129eek.gif

(49) >select box manipulation

(50) >cookie plugin for jquery

51) >jquery blockui plugin

http://bbon.cn/wp-content/uploads/2009/02/143130zk8.gif

原文出处和链接：
http://parandroid.com/more-than-50-powerful-plug-in-application-examples-jquery/

http://bbon.cn/2009/02/50-jquery-%e6%8f%92%e4%bb%b6%e6%a1%86%e6%9e%b6%e5%ba%94%e7%94%a8%e5%ae%9e%e4%be%8b.html