25个可遇不可求的jQuery插件

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

随着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

时间: 2024-10-22 05:02:21

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

非常不错的手机网页滑动效果,求此jQuery 插件

  不止一次在微信的分享上面看到这种效果的网页.可是不知道到底是用什么技术做出来的.查看源码也看不出个所以然,上次有个客户要做这种效果,实在是做不出来.后来没法,用flexslider做的.可是感觉效果差好多.请各位大神指教一下.是用什么jQuery 插件做的.附上URL:http://r.xiumi.us/stage/v3/281su/260039?from=timeline&isappinstalled=0#/0/0 用chrome 可以访问,IE 有可能无法访问.

电脑必备软件,可遇不可求!

作为每天在电脑前各种的我,一定要给你们分享几款可遇不可求的软件.如果你喜欢听歌,文中有你要的.如果你喜欢追剧,文中也有你要的…… 火绒安全软件 如果你还在担心自己的电脑处于不安全的环境中,那么强烈建议用该软件,是一款保证让你放心的电脑保护安全,它的深度融合反病毒.主动防御.防火墙等防护措施,也是我信任并使用它的原因. 小鸟壁纸 该壁纸软件提供了动态壁纸.动态桌面.动态图片等,多种高清动态视频效果桌面壁纸高清动态视频桌面,而且动态壁纸.静态桌面之间随心切换,每天给自己不一样的电脑桌面,心情也会变得

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

网络上提供了大量非常有用的 jQuery 插件,帮助大家完善网站的体验.所以我们在这里收集了 2014 年发布的,并且是非常有用的插件,希望能帮助大家找到自己需要并且喜欢的,提升网站的质量! HAMMER JS PAPA PARSE PAPAPARSE 是强大,浏览器内置的 CSV 解析器. BLURR Horwheel Component Animsition Animsition 是简单,易用的 jQuery 插件,用来在 CSS 动画隐藏 xs 的页面转换中添加 br 类. LADDA B

jquery 插件 起步代码

/** * Created by W.J.Chang on 2014/6/25. */ ;(function($) { var methods= { check: function() { return this.each(function() { this.checked = true; }); } }; $.fn.pager = function(method) { if ( methods[method] ) { return methods[ method ].apply( this,

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

1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2.DataTables的一些基础属性配置 "bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "

jQuery插件的点点滴滴

说起jQuery插件,很多人的脑海种已经有了一定的雏形,仿佛感觉仅仅就是那样子,事实呢?当你看了Bootstrap.js,品读了slidesjs,观摩了jquery.cycle2.js,不禁发现,原来插件的世界千变万化,细微之处总是不容易让人发觉,世界那么大,那么我们就一起去看看它到底长什么样子? 工欲善其事必先利其器,如果你对于jQuery插件运用熟练的话,那么对已$.extend,你一定要去了解!,下面我们就先对$.extend来个剖析!先看看你对于$.extend的几种形式! 一.$.ex

jquery插件学习相关(1)

jQuery插件机制 jQuery提供了两个用于扩展jQuery功能的方法,即jQuery.fn.extend()和jQuery.extend()方法 jQuery.fn.extend()用于封装对象方法插件 jQuery.extend()用于封装全局函数的插件和选择器插件,同时也可扩展已有的Object对象. jQuery.extend() jQuery.extend(target,obj1...objN) 常用于设置插件方法的一系列默认参数 function foo(option){ opt

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

在很多项目中都会涉及到数据加载.数据加载有时可能会是2-3秒,为了给一个友好的提示,一般都会给一个[数据加载中...]的提示.今天就做了一个这样的提示框. 先去jQuery官网看看怎么写jQuery插件,然后就开始写了.写下来这么一个插件,稍作优化,就在项目中使用了.下面贴的是我写这个插件时的测试图: 这张图模拟数据加载前提示框的展示,这个表格是一个写在页面上的.蓝色的底纹就是遮罩层. (function($){ $.fn.extend({ /** * 打开遮罩,并显示一段文字. * @para

jQuery插件实例四:手风琴效果[无动画版]

手风琴效果就是内容的折叠与打开,在这个插件中,使用了三种数据来源:1.直接写在DOM结构中:2.将数据写在配置项中:3.从Ajax()中获取数据.在这一版中,各项的切换没有添加动画效果,在下一版中会是有动画效果的. 在这个插件中,CSS和JS的配置非常重要,需要特别注意.另外,加个思考,请先看完后再想这个问题:当点击其中某项时,给width直接添加animate是否合适,当快速在其上移动时,如何保证效果? 效果图预览 插件JS accordionB.js 1 ; 2 (function ($,