随着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   项目主页

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

  原文来自:DesignScrazed

25个可遇不可求的jQuery插件的更多相关文章

  1. 【转】2014年25款最好的jQuery插件

    2014年25款最好的jQuery插件 来源:Specs' Blog-就爱PHP   时间:2014-12-30 10:24:10   阅读数:2267 分享到: 0 http://www.php10 ...

  2. 可遇不可求的Question之导入mysql中文乱码解决方法篇

    可遇不可求的Question之导入mysql中文乱码解决方法篇 先 set names utf8;然后 source c:\1.sql ?

  3. Jquery插件Ztree使用所遇问题

    问题1.$.fn.zTree为空或为Undefined 我在MVC中引用Jquery插件Ztree的JS并不存任何问题,而当我将Ztree的js引入项目中,就出现$.fn.zTree为空或为Undef ...

  4. 2014年25 款最新最棒的jQuery插件

    网络上提供了大量非常有用的 jQuery 插件,帮助大家完善网站的体验.所以我们在这里收集了 2014 年发布的,并且是非常有用的插件,希望能帮助大家找到自己需要并且喜欢的,提升网站的质量! HAMM ...

  5. 50个jQuery插件可将你的网站带到另一个高度

    Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好 ...

  6. JQuery插件之Jquery.datatables.js用法及api

    1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk ...

  7. 40 个让你的网站更加友好的 jQuery 插件

    一个插件的基本功能是执行一个含有元素集合的函数数组.每个方法和jQuery核心组成一个插件,如.fadeOut()或.addClass().一个jQuery插件是一个基本的可以扩充jQuery 原型对 ...

  8. 40个让你的网站屌到爆的jQuery插件

    一 个插件的基本功能是执行一个含有元素集合的函数数组.每个方法和jQuery核心组成一个插件,如.fadeOut()或.addClass().一个 jQuery插件是一个基本的可以扩充jQuery 原 ...

  9. JQuery插件:遮罩+数据加载中。。。(特点:遮你想遮,罩你想罩)

    在很多项目中都会涉及到数据加载.数据加载有时可能会是2-3秒,为了给一个友好的提示,一般都会给一个[数据加载中...]的提示.今天就做了一个这样的提示框. 先去jQuery官网看看怎么写jQuery插 ...

随机推荐

  1. csdn 音乐 怎么拦截 提交后的程序 csdn 栏目 音乐 csdn 添加 音乐

    韩梦飞沙  韩亚飞  313134555@qq.com  yue31313  han_meng_fei_sha csdn 栏目 音乐 csdn 添加 音乐 ======= <embed src= ...

  2. letter-spacing造成文字无法居中的问题

    在使用letter-spacing增加字体间距时,发现字体间距被扩大的同时,字体无法完全居中在div中,如下: 原因:letter-spacing是在字中间产生的间隔,第一个字旁边没有间隔,所以导致不 ...

  3. Serilog中的Jobject/Jtoken对象序列化的问题

    今天使用Serilog打印object对象的时候,发现Jtoken对象输出成 [[[]] 这种形式了,本来以为是传入参数的问题,确认了几遍后发现确实是Serilog输出的问题.github上也有人提出 ...

  4. HOWTO: Use STM32 SPI half duplex mode

    HOWTO: Use STM32 SPI half duplex mode I’ve got my hands onto some STM32F030F4P6 ARM-Cortex M0 proces ...

  5. 如何利用 jQuery 修改 css 中带有 !important 的样式属性?

    使用 jQuery 修改 css 中带有 !important 的样式属性 外部样式为: div.test { width:auto !important; overflow:auto !import ...

  6. 两次被百度k站两次恢复的亲身经历

    最后,网站被k了并不是最重要的,最重要的是你能不能找到网站被k的病因所在,不知道病因的话,就盲目的优化,恢复起来可能效果就不太明显,也比较浪费时间.只有找到了被k的原因,这样恢复起来才会得心应手,省时 ...

  7. 在ASP.NET MVC中实现本地化和全球化

    在开发多语言网站时,我们可以为某种语言创建一个资源文件,根据浏览器所设置的不同语言偏好,让运行时选择具体使用哪个资源文件.资源文件在生成程序集的时候被嵌入到程序集. 本篇体验,在ASP.NET MVC ...

  8. 在ASP.NET MVC中实现区域或城市选择

    每次在"万达影城"网上购票总会用到左上角选择城市的功能.如下: 今天就在ASP.NET MVC中实现一下.我想最好的方式应该是写一个插件,但自己在这方面的功力尚欠缺,如果大家在这方 ...

  9. Delphi加载驱动

    program Project2; uses Windows, Native, JwaWinType, Unit_Driver; function Is2KXp(): Boolean; var OSV ...

  10. C#编程(四十八)----------列表

    C#中的List C#中deList怎么样?List<T>类是ArrayList类的泛型等效类,该类使用大小可按需动态增长的数组实现List<T>泛型接口. 泛型的好处:它为使 ...