25个可遇不可求的jQuery插件

日期: 2014-03-16 来源:TechTarget中国 英文

随着jQuery插件在网站建设过程中的使用率不断的增加,所以有必要跟进时代步伐开发出一些新的插件/代码片段,以此来巩固并提高前端用户体验,将用户体验提升到一个新的高度。

接下来所推荐的这些插件中有滑块、地图、图片旋转块等等,可以说是最好的、完全免费的jQuery插件。

1. Flat jQuery Price Slider   实例|下载

这个jQuery价格滑块可以在一定范围内选择需要的价钱,不管你是做开发项目的还是设计项目,它都会起很大的作用。记住,这个插件完全免费。

2. Gmaps jQuery Map Plugin   实例|下载

GMaps.js是一个JavaScript插件,通过它可以很容易地在你的应用程序中使用谷歌地图,并包含了多个选项,如地图、方向、信息框等等。它的脚本是由很少的代码和简洁文档构成的。因为安装操作很简单,所以要想让代码实现功能就得自己动手。

3. FormChimp——MailChimp Ajax plugin for jQuery   实例|下载

FormChimp是jQuery里的一个可定义的MailChimp Ajax插件,为用户提供一个简便的注册方式,这样的话用户在你的MailChimp列表里注册就不是一件麻烦的事了。

4. OWL Carousel   实例|下载

此jQuery插件具有的触摸功能可以让用户创建出好看的响应式旋转滑块。

5. jQuery Spellchecker   实例|下载

这个轻量级的jQuery插件能检查文本文档里的单词拼写的正确性,主要是用在一个表单字段里或者是在DOM目录里。

6. Chart js   下载

Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型:折线图、条形图、雷达图、饼图、柱状图和极地区域区。而且,这是一个独立的包,不依赖第三方JavaScript 库,小于 5KB。颜色,字体,边框和它们的尺寸都可以定制,图表可以动画的形式加载,非常炫。

7. Email-autocomplete   实例|下载

这个插件会建议你或者是直接在邮件地址栏里自动填写完域名。

8. Draggabilly   实例|下载

你可以用这个插件做一些可拖动的jQuery代码片段。

9. Interact.js   实例|下载

这是一个为电脑和移动设备上的浏览器而制作的可拖放、重置大小、调整手势的插件。

10. Sortable   实例|下载

它是一个极简单的JavaScript类库,主要是为现代浏览器和触摸设备而制定的。

11. rowGrid.js   实例|下载

大小只有800bytes gzipped的轻量级jQuery插件用处是把图片或其它项目排版在连续的行内。

12. Scattered Polaroid gallery   实例|下载

这个插件可以在容器里随机排版这些相片,当你选中了一个项目的时候它就会移动到屏幕中间,其它项目自动闪到旁边。

13. Viewport Image Resize   实例|下载

操作上比较简单,没有任何麻烦,重新设置图像大小和对图片进行修剪,这些都是基于pseudo视图而做的。

14. jQueryUI Limitslider   实例|下载

这一滑块插件允许在一条选择线上做出多个滑块,这些滑块可以用来代表位置、尺寸、举例等等,同时还可以在滑块上做标签或者是悬浮标题。

15. Freewall   实例|下载

Freewall是一个跨浏览器、响应式的jQuery插件,可以创建出多种多样适用在电脑、移动设备和平板电脑上的网格布局。

 

16. jQuery fontIconPicker   实例|下载

这个只有1.58kb gzipped大小的插件,可以让用户创建一个带有搜索功能的简单的图标选择器放在管理列表里。

17. Bootstrap-dialog   实例|下载

这个插件会让用户使用Bootstrap的模型更加熟练。

18. jquery.tabelizer   实例|下载

Tabelizer 1.0.3——用在表格上的多层次分组指标器。

19. Facebook Badge Jquery Plugin   实例|下载

FaceBadge可以在用户网站上添加了一个Facebook页面标记,用起来更省事。

20. Croppic   项目网页

这是一个用来裁剪图片的jQuery插件,效果超出你想象。

21. JQuery Plugin for Google Drive API   实例|下载

这个插件主要是为了让在不同设备上的Google Drive能够同步协作,传输文件等等,包括是Android设备。

22. Pick-a-Color   实例|下载

这项插件的设计之初就是希望所有人都能使用它,它的界面主要是基于Twitter Bootstrap的风格而设计,所以看起来比较亲切。

23. Simple Vertical Menu   下载代码

看上去很简单,但是很时髦的一个插件,使用了一些CSS3和jQuery技术,拥有自定义字体和令人影响深刻的标记图案。

24. jQuery Message Form   下载代码

这只是一个很小的字符计数器的实验版本。

25. Magnifying Glass Plugin with jQuery and CSS3   项目主页

这是一个放大镜插件,会放大显示鼠标所经过的区域。 

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

相关推荐

  • 移动响应式应用测试之性能测试

    创建能够自适应所有不同平台和屏幕尺寸的Web应用也有一些副作用。如果网页能够自适应不同的表格因素,性能是否能够达到合理范围有可能就会是个问题。

  • 移动响应式应用测试之浏览器

    响应式设计应用—使得网页可以自适应任何表格因素—已经是主流技术,网络带宽大幅增加,Web服务日趋流行。

  • 如何成为一个移动端UI设计师

    移动端的UI设计有其独有的一套设计规则和约束。新技术的不断加入促进了移动平台的快速增长,而移动端的UI设计也和传统的平面海报/网页设计不太一样。

  • 2014年Web开发的七个转变方向

    很多读者喜欢预测网页设计趋势,让自己能够在网页设计、甚至网络发展中保持先机。找准每一年的发展趋势很重要。那么,2014年会有怎样的发展?我们一起来分析。