15个最新的jQuery插件

2013-11-27 10:38| 发布者: joejoe0332| 查看: 3565| 评论: 0|原作者: cmy00cmy, 曾柏羲|来自: oschina

摘要: 现如今，jQuery被认为是网页开发的主心骨。它是一个精炼的JavaScript库，可以极大简化页面在事件处理、动画、Ajax交互方面的设计和开发工作。随着越来越多的jQuery插件的出现，开发者们可以很轻易地将所需要的组件整 ...

　　现如今，jQuery被认为是网页开发的主心骨。它是一个精炼的JavaScript库，可以极大简化页面在事件处理、动画、Ajax交互方面的设计和开发工作。

　　随着越来越多的jQuery插件的出现，开发者们可以很轻易地将所需要的组件整合进他们的导航菜单、logo、表格化布局、简短的文本，使其拥有指定的大小或是为其创建一系列的滑动效果，以迎合网站的主题。

　　jQuery的出现丰富了网页的应用和开发，促使了多功能、视觉效果绚丽的网站的出现。本文我们列举了 15个截至2013年11月为止最新的jQuery插件 ，合理利用这些插件将会极大地增强网页的表现力，突出网站主题。

1. Maplace.js

Maplace.js是一个运用于Google地图之上的插件，它可以帮助你将谷歌地图嵌入你的页面并在地图上快速创建标记点和控制菜单。为了使插件生效，你需要同时在页面中引入JQuery文件和Google地图API v3。插件支持标记、自定义图标、缩放控制和自定义控制菜单。插件在MIT许可协议下提供。

资源链接

2. Auto Fix Anything

本插件将使你页面上任何容器仅通过一句JS调用就能自动适应你网站的任何位置。有了这个插件，你就可以动态地调整容器的显示效果。插件将会自动检测何时应该做出调整以适应当前页面。该插件已在Chrome, Firefox, and Safari 等桌面浏览器通过测试。
资源链接

3. Bigfoot

页面上的脚注往往让人觉得反感：你需要点击某个很小的数字，跳转到页面底部的某个地方，在一堆注释中找到你要的那个，看完注释后再点击某个链接回到刚才浏览的地方。Bigfoot插件旨在简化整个过程。它会自动检测文本内容和脚注链接，在用户点击脚注编号后，将注释以弹出气泡的方式显示给用户。

资源链接

4. Stickup

你可以方便地自定义任何元素，在用户滚动窗口经过该元素的时候将其固定在浏览器的顶部。此插件特别适用于导航菜单、logo和联系信息，这将使用户能始终看见这些内容。

资源链接

5. Free Wall

Freewall是一个兼容不同浏览器的可响应的jQuery插件，它可以帮助你创建不同的网格布局：可伸缩布局、图片布局、嵌套网格、流体网格、混合网格等。你也可以通过CSS3的运动效果和回调事件，做出类似Pinterest的布局。Freewall是一个一体化解决方案，为桌面应用、手机应用和平板应用提供了便利的创建动态网格布局的手段。
资源链接

6. Power Ranger

Power Ranger是一个轻量级jQuery插件，它可以帮助用户调整input控件的大小以适应不同长度的字符。它完美地支持了input标签的max/min属性，并在HTML5中表现良好。Power Ranger已在Firefox 22、Chrome和Safari 6等浏览器中通过测试。

Source

7. Ion.Sound

Ion.Sound 是一个用来为事件配音的jQuery插件。它已在Google Chrome，Mozilla Firefox，Opera，Safari，IE(9.0+)和手机原生浏览器上通过测试。在MIT协议下，Ion.Sound可以免费使用。
资源链接

8. Succinct

Succinct是一个用来截取部分文字的小插件。它将你的文本缩短至指定的大小，然后再结尾加上省略号。你可以指定页面上你想简略化的元素作为选择器，为其指定需要显示的文本的大小。

资源链接

9. Circletype.js

Circletype.js 是一个轻量级jQuery插件，它可以将内容以圆的方式呈现。在某些情况下，此插件特别有用，而且它只有2.7kb大小。它有许多可设的参数：可以轻松地将文字按以往CSS的方式呈现；可以逆向旋转文字；可以认为设定圆心，也可以自动生成……Circletype.js也可以于与 FitText.js 集成。

资源链接

10. Slippery

Slippry 是一个拥有很多先进特点的图片长廊插件。首先，它使用HTML5和CSS3编写而成，在响应式布局方面表现良好。它可以通过Sass或CSS重新设计外观并拥有包括Ken Burns 效果在内的诸多转场动画。图片转换可以设为自动进行，可以显示标题和前进、后退等导航控制按钮。本插件也为主事件设计了回调方法，并写了相关示例和相关说明文档。

资源文件

11. SlideMe

SlideMe是可响应的、兼容CSS3的jQuery滑动插件，它支持全屏显示和窗口显示。通过它可以让页面通过CSS3的转换方式垂直或水平滑动，同时支持页码显示。插件提供了控制滑动的函数（前、后），利用回调函数实现对应功能。

资源链接

12. Glide.js

Glide.js是一个轻量级（4.5kb）可用来创建滑动效果的jQuery插件。它由用户自定义OOCSS框架构成，使用了CSS3转换模式，最后回归由JavaScript操作。滑动是可响应的，它将会自动适应所有硬件设备并支持触摸控制。你可以通过键盘、点击事件或按钮和箭头的辅助实现滑动导航。Glide.js提供了一系列支持这些操作的API（播放、暂停、下一个、前一个等）。

资源链接

13 jQuery Selectric

jQuery Selectric 是一个简化用户格式化和操作HTML选择器的jQuery插件。它极容易被定制、足够的轻量级并且还支持键盘快捷键操作。

资源链接

14. Formatter.js

Formatter.js 是一个简单的jQuery插件用以规范化用户的输入。例如：如果你的用户输入了一串电话号码，Formatter.js将会在其中合适的地方插入破折号和括号。

资源链接

15. Alpaca

Alpaca一个用jQuery编写的形式创建库（form-creation-library），旨在通过分割数据和布局重新生成指定形式。通过将预定义形式的JSON变换成为功能完备的形式，用户可以轻易地使用CSS指定它的样式，这就为在不同设备上重用同一段代码提供了可能性（手机、平板、PC等）。此插件已预先封装了控制、向导、布局、支持国际化的EJS引擎（I18N supportand pluggable template engines for EJS）、Handlerbars 和 jQuery.tmpl

资源链接

查看原文