首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

50多个强大的jQuery插件运用实例

2012-12-26 
50多个强大的jQuery插件应用实例?jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新

50多个强大的jQuery插件应用实例

?

jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。
Sliding Panels -滑动门控制
1)?Sliding Panels For jQuery?-元素可以展开或关闭,创建出手风琴的滑动效果。

50多个强大的jQuery插件运用实例

(2)?jQuery Collapse?-这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu - 菜单
3)?LavaLamp

50多个强大的jQuery插件运用实例

(4)?A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单

50多个强大的jQuery插件运用实例

(5)?SuckerFish Style

50多个强大的jQuery插件运用实例

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

50多个强大的jQuery插件运用实例

(7)?TabContainer Theme?– 当用户在选项卡之间进行切换时,产生JQuery风格的淡出动效果。

50多个强大的jQuery插件运用实例
Accordion- 手风琴效果
8 )?jQuery Accordion

Demo
50多个强大的jQuery插件运用实例

(9)?Simple JQuery Accordion menu

50多个强大的jQuery插件运用实例
SlideShows - 幻灯片
10)?jQZoom-让你在你的网页上很简单的实现图片的缩放功能。

50多个强大的jQuery插件运用实例

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

50多个强大的jQuery插件运用实例
Transition Effects – 过渡特效
12)?InnerFade?– 可以让网页中的任何元素产生淡化效果

50多个强大的jQuery插件运用实例

(13)?Easing Plugin-另外一个简单的过渡效果插件

(14)?Highlight Fade

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

50多个强大的jQuery插件运用实例

奇幻的jQuery
16)?Riding carousels with jQuery?– 这个jQuery插件可以生成一个水平或垂直的列表,并且允许你控制DIV层的滑动显示。

Demo :
50多个强大的jQuery插件运用实例
Color Picker -拾色器
17)?Farbtastic?-这个 jQuery 插件可以让你通过Javascript添加一个或多个拾色器widgets到一个页面中。

Demo :
50多个强大的jQuery插件运用实例

(18)?jQuery Color Picker
LightBox -灯箱效果
19)?jQuery ThickBox?– is a webpage user interface dialog widget written in JavaScript.

Demo :

50多个强大的jQuery插件运用实例

(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 :

50多个强大的jQuery插件运用实例

(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 :

50多个强大的jQuery插件运用实例

(
iframe
22)?JQuery iFrame Plugin

50多个强大的jQuery插件运用实例
Form Validation -表单验证器
23)?Validation?– 有一套完整相当的形式验证规则。该插件还动态地创建ID和联系信息。

Demo :

50多个强大的jQuery插件运用实例

(24)?Ajax Form Validation?– 在客户端使用jquery验证的一种形式,它可以验证用户名是否有效等。

Demo :

50多个强大的jQuery插件运用实例

(25)?jQuery AlphaNumeric?-欢迎对对表单域中的某些字符进行限制

50多个强大的jQuery插件运用实例
Form Elements - 表单事件
50多个强大的jQuery插件运用实例

(26)?jquery.Combobox?– 从现在的选择元素中创建一个个性的html组合?Demo is here.

(27)?jQuery Checkbox?-样式化选择框,从而提高交互能力。

(28)?File Style Plugin for jQuery?-File Style插件让你可以使用图像做为文件浏览按钮,你还可以样式化文件名称区域。
Star Rating - 星形评级系统
50多个强大的jQuery插件运用实例

(29)?Simple Star Rating System

30)Half-Star Rating Plugin
ToolTips -提示工具
31)?Tooltip Plugin Examples?– 一个花俏的提示应用。 可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击demo 演示.

(32)?The jQuery Tooltip

50多个强大的jQuery插件运用实例
Tables Plugins -表格插件
33)?Zebra Tables Demo?-使用jQuery来创建出斑马线风格的数据表格,鼠标悬浮时能改变背景色。

Demo :

50多个强大的jQuery插件运用实例

(34)?Table Sorter Plugin?- 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格,不需要刷新。它能够成功地解析和整理多种类型的数据,包括联系资料。

50多个强大的jQuery插件运用实例

(35)?AutoScroll for jQuery?-可以生成网页表格的热点自动滚动效果

50多个强大的jQuery插件运用实例

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

Demo :

50多个强大的jQuery插件运用实例
Draggable Droppables And Selectables 拖拽
37)?Sortables?- 一个简单强大的拖拽插件。

50多个强大的jQuery插件运用实例

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

50多个强大的jQuery插件运用实例
Style Switcher - 切换风络
39)?Switch stylesheets with jQuery允许访客选择他们喜欢的网站样式,使用了Cookie记录,也就是同一个用户下次再访问时,除非他不切换,否则会保留他选择的样式。

Demo演示.
Rounded Corners 圆角效果
40)?jQuery Corner Demo

50多个强大的jQuery插件运用实例

(41)?JQuery Curvy Corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。

50多个强大的jQuery插件运用实例
Must See jQuery Examples 应该了解的一些jQuery应用实例
42)?jQuery Air?– 一个非常非常特别的客户管理界面应用插件,太特别了,太太太特别了。

Demo :

50多个强大的jQuery插件运用实例

(43)?HeatColor

Demo :

50多个强大的jQuery插件运用实例

(44)?Simple jQuery Examples

(45)?Date Picker?-一个灵活个性的jQuery日历组件。

Demo :

50多个强大的jQuery插件运用实例

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

(47)?3-Column Splitter Layout?一个3栏布局分配插件。

50多个强大的jQuery插件运用实例

(48)?Pager jQuery?-一个小巧的 jQuery插件,用来增加分页的页码效果

50多个强大的jQuery插件运用实例

(49)?Select box manipulation

(50)?Cookie Plugin for jQuery

51)?JQuery BlockUI Plugin

50多个强大的jQuery插件运用实例

热点排行