50多个强大的jQuery插件应用实例
jQuery是近段时间里比较流行的一个JavaScript框架，不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列，你先品尝，第二道大餐即将到来。Sliding Panels －滑动门控制
1) Sliding Panels For jQuery -元素可以展开或关闭，创建出手风琴的滑动效果。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j37.gif
(2) jQuery Collapse -这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu － 菜单
3) LavaLamp
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/lavalamp.gif
(4) A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j20.gif
(5) SuckerFish Style
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j21.gif
Tabs - 选项卡
6) jQuery UI Tabs / Tabs 3 - 基于 jQuery 的一个Tab选项卡导航
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j12.gif
(7) TabContainer Theme - 当用户在选项卡之间进行切换时，产生JQuery风格的淡出动效果。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j23.gif
Accordion－ 手风琴效果
8 ) jQuery Accordion
Demo
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j22.gif
(9) Simple JQuery Accordion menu
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j35.gif
SlideShows － 幻灯片
10) jQZoom-让你在你的网页上很简单的实现图片的缩放功能。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j14.gif
(11) Image/Photo Gallery Viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j25.gif
Transition Effects - 过渡特效
12) InnerFade- 可以让网页中的任何元素产生淡化效果
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j13.gif
(13) Easing Plugin-另外一个简单的过渡效果插件
(14) Highlight Fade
(15) jQuery Cycle Plugin- 拥有多种过渡效果的一个Gallery插件。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j24.gif
奇幻的jQuery
16) Riding carousels with jQuery - 这个jQuery插件可以生成一个水平或垂直的列表，并且允许你控制DIV层的滑动显示。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j9.gif
Color Picker －拾色器
17) Farbtastic -这个 jQuery 插件可以让你通过Javascript添加一个或多个拾色器widgets到一个页面中。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j36.gif
(18) jQuery Color Picker
LightBox －灯箱效果
19) jQuery ThickBox - is a webpage user interface dialog widget written in JavaScript.
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j10.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.
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j17.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.
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j7.gif
(
iframe
22) JQuery iFrame Plugin
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j38.gif
Form Validation -表单验证器
23) Validation - 有一套完整相当的形式验证规则。该插件还动态地创建ID和联系信息。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/f9.gif
(24) Ajax Form Validation - 在客户端使用jquery验证的一种形式，它可以验证用户名是否有效等。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j11.gif
(25) jQuery AlphaNumeric -欢迎对对表单域中的某些字符进行限制
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j16.gif
Form Elements － 表单事件
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j15.gif
(26) jquery.Combobox - 从现在的选择元素中创建一个个性的HTML组合 Demo is here.
(27) jQuery Checkbox -样式化选择框，从而提高交互能力。
(28) File Style Plugin for jQuery -File Style插件让你可以使用图像做为文件浏览按钮，你还可以样式化文件名称区域。
Star Rating － 星形评级系统
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j39.gif
(29) Simple Star Rating System
30)Half-Star Rating Plugin
ToolTips －提示工具
31) Tooltip Plugin Examples - 一个花俏的提示应用。 可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击demo 演示.
(32) The jQuery Tooltip
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j4.gif
Tables Plugins －表格插件
33) Zebra Tables Demo-使用jQuery来创建出斑马线风格的数据表格，鼠标悬浮时能改变背景色。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j26.gif
(34) Table Sorter Plugin- 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格，不需要刷新。它能够成功地解析和整理多种类型的数据，包括联系资料。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j27.gif
(35) AutoScroll for jQuery -可以生成网页表格的热点自动滚动效果
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j42.gif
(36) Scrollable HTML table plugin- 用来转换表格为普通的滚动HTML。不需要额外的编码。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j34.gif
Draggable Droppables And Selectables 拖拽
37) Sortables- 一个简单强大的拖拽插件。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j28.gif
(38) Draggables and droppables- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j30.gif
Style Switcher － 切换风络
39) Switch stylesheets with jQuery允许访客选择他们喜欢的网站样式，使用了Cookie记录，也就是同一个用户下次再访问时，除非他不切换，否则会保留他选择的样式。
Demo演示.
Rounded Corners 圆角效果
40) jQuery Corner Demo
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j31.gif
(41) JQuery Curvy Corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j40.gif
Must See jQuery Examples 应该了解的一些jQuery应用实例
42) jQuery Air - 一个非常非常特别的客户管理界面应用插件，太特别了，太太太特别了。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j6.gif
(43) HeatColor
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j19.gif
(44) Simple jQuery Examples
(45) Date Picker -一个灵活个性的jQuery日历组件。
Demo :
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j32.gif
(46) ScrollTo -这个jQuery插件可以让你实现当点击链接时中滚动到页面中的某一对象
(47) 3-Column Splitter Layout 一个3栏布局分配插件。
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j29.gif
(48) Pager jQuery -一个小巧的 jQuery插件，用来增加分页的页码效果
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j33.gif
(49) Select box manipulation
(50) Cookie Plugin for jQuery
51) JQuery BlockUI Plugin
http://writeblog.csdn.net/images/technology/50-amazing-jquery-examples/j41.gif
页:
[1]