jQuery拥有强大的有创造性的程序员群体。 然而,它很难通过在所有发布的东西里面挑出那些绝对必须要拥有的宝贝。在本文中,你将得到50个新jQuery插件和JavaScript库的一个集合,拥有好的工具,可以使您的网站更便于使用。这些插件分类展示,便于浏览。好好享受吧!
http://www.woiweb.net/50-amazing-jquery-plugins.html
其他篇
对话框
浏览器内置窗口便于使用但很难看而且不能定制化。如果你想要你的应用看起来更高端和专业,肯定有讨厌默认外观的地方,本章节中的插件可以替代内置对话框而且很容易定制化。
1. Alertify.js
Alertify (github) 是一个小巧的呈现漂亮对话框和通知的库。它很容易用CSS定制,拥有一个简单的API,不依赖第三方包。要用它,只要引入js文件并且调用全局alertify对象的方法:
1
2
3
4
5
6
7
8
9
10
11
|
// alert dialog alertify.alert( "Message" );
// confirm dialog alertify.confirm( "Message" , function (e) {
if (e) {
// user clicked "ok"
} else {
// user clicked "cancel"
}
}); |
2. jQuery Avgrund
jQuery Avgrund (github) 是另一个酷的对话框解决方案。它不如alertify特性丰富,事实上是你web应用所需要的,该对话框会以一个给人以深刻印象的动画效果出现,同时闪烁和变暗背景。
表单
表单繁琐枯燥,每个人讨厌填充它们。甚至更大的问题是如果当前没有进行客户端验证我们将强制其进行二次输入。本章节中的插件尝试用有用的功能来提高表单交互使事情变得更好些。
3. iCheck
iCheck (github) 是一个提高你的表单控制的jQuery插件。它完美定制化,可工作在移动端而且皮肤漂亮多样。要使用它,需要在你的页面引入js和css文件,用少许jQuery代码转换你所有的单选框和多选框。编者推荐使用。
1
2
3
4
5
6
|
$(document).ready( function (){
$( 'input' ).iCheck({
checkboxClass: 'icheckbox_minimal' ,
radioClass: 'iradio_minimal'
});
}); |
iCheck
4. Long Press
Long Press 是一个jQuery插件,简化强调或生僻字的拼写,当打字时一直按着一个键将会出现一个你可以用来选择字符的工具条,该插件同样在github 上。译者注:这个挺不错。
Long Press
5. jQuery File Upload
jQuery File Upload (github) 是一个集文件多选,拖拽,进度条和图片预览的组件。它支持跨域,分块且可恢复文件上传和客户端图片尺寸重置。可配合任何服务器端平台 (PHP, Python, Ruby on Rails, Java, Node.js等)而且其一系列的引用和回调使用其很容易嵌入到你的应用里面。
jQuery File Upload
6. Complexify
Complexify (github) 是一个以评估密码复杂程序为目的的jQuery插件。你可以在注册表单中使用它来向用户展现密码复杂度的百分比(就像我们在本教程中所做)。有了这个插 件,你可以强制密码包含大写/小写字母,数字,特殊符号和更多的组合。我要指出,这是一个纯粹的客户端解决方案,这意味着它可以规避。这就是为什么你要在 服务器端还应检查密码的复杂性。
Complexify
7. jQuery Knob
jQuery Knob (github) 是一个用于将输入元素转换为可触摸的jQuery转盘的插件。它使用canvas构建,并且通过设置输入框的属性值实现完全定制化。像这样:
1
|
<input class= "knob" data-width= "150" data-cursor= true data-fgColor= "#222222" data-thickness= "0.3" value= "29" >
|
这转盘可以用鼠标(点击,拖拽,滚轮),键盘,或者在移动设备上使用触摸来控制。这个有点意思。
jQuery Knob
8. Pickadate.js
Pickadate.js (github) 是一个用于创建响应式并且移动端也很友好的日期选择jQuery插件,它使用非常简单并且能用CSS定制化,使用它,只需引入js文件和样式表,并在你的输入框上调用这个插件:
$('.datepicker').pickadate();
该插件有很多选项,请看 文档。译者注:月份及年份带下拉的好像没做事件阻止,选择某个月会直接关掉当前选择器。
Pickadate.js
9. Chosen
Chosen (github) 是一个强大的组件,能将一个选择输入框转换成一个可检索的下拉列表。它易于用CSS定制,并且你可以在自己的代码通过回调函数来使用。该插件同样更新原始元素(隐藏的那个),如此可以它做为表单的一部分提交或用JS读取它也可得到正确的结果。译者注:这个真心不错。
Chosen
10. Fancy Input
Fancy Input (github)是一个在超级酷的文本框中输入或删除文本的插件,它有5种动画效果,动画是用CSS3来实现效果。译者注:效果很棒,在输入中文时有不太好用。
$('div :input').fancyInput();
Fancy Input
11. Typeahead.js
Typeahead (github) 是twitter的一个快速自动完成库。它的灵感来源于twitter.com的搜索框并且拥有其全部特性。当用户输入时它产生联想,并且将最顶部的联想做为输入提示,该插件可使用硬编码数据同样也支持远程数据,以此来减轻网络请求。
Typeahead.js
12. Parsley.js
Parsley.js (github) 是一个不显眼的表单验证库。它可以让你而无需编写一行JavaScript代码来验证表单字段。相反,你必须把数据属性置于你需要验证的输入框中,剩下的交由插件处理,该插件可同jQuery和Zepto一起工作,并且不到800行。
Parsley.js
相关推荐
60个令人惊叹的jQuery插件
这个JQuery插件是一个非常非常有创意的图片导航插件,很适合介绍某一个地区,使用起来也比较简单,效果 令人惊叹
jQuery和CSS3相结合往往能制作出令人意想不到的网页应用,比如可以给平淡无光的菜单添加3D效果,可以给不起眼的小按钮增加发光的动画特效。下面我们就来看看jQuery和CSS3的魅力,这几款应用有些还是比较实用的。 1、...
jQuery-fireworks一个jQuery插件,用于将令人眼花works乱的烟花放到div中。用法$('#divElement')。fireworks(); 还有一些可选参数:$('#divElement')。fireworks({opacity:0.4,width:'400',height:'30...
基于令人赞叹的插件,jquery.earth3d.js是一个开源的jQuery ui插件,它将允许您在画布上模拟3d地球(或实际上是任何行星)。 我还添加了一些我的宠物项目所需的功能。 这是到目前为止提供的主要功能: 更改地图...
Awesome-rating是一个jQuery插件,可让您使用简单但灵活的评级机制。 基本配置使用 ,但是用您喜欢的任何库替换它都不是问题。 该插件需要一个jQuery ,尽管只使用了基本方法,但仍建议使用最新的jQuery (有关更多...
jQuery的是一个多浏览器的Javascript集合,以轻松地简化了客户端脚本的HTML。...下面是从2012年开始的新的和令人兴奋的jQuery插件一个集合,这些集合能够帮助你打造不同的特效STACKSLIDER:一个有趣的三维图
设置错误信息 RetSetTipState():把校验组里的表单元素的所有提示内容恢复到onshow状态 更令人兴奋的是,上面的5种校验方式你可以只写成一行,即:一行代码实现所有的校验,详见里面的代码 <br>
令人惊艳的登录界面,演示地址: (6秒自动切换)http://www.daimabiji.com/codedemo/1530 jquery动态背景切换全屏登录插件supersized.js下载地址
其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些让人惊叹的图片效果。 01. Responsive Image Gallery 02. Image Zoom Tour 03. Automatic Image Montage ...
Tin.cat的jQuery插件,可构建图像或任何其他内容的自适应马赛克,以匹配多行中的高度,同时保持宽高比。 通过创建视觉上有序且令人愉悦的镶嵌效果(与Flickr,500px和Google+上的镶嵌效果一样),而元素之间没有...
想着自己学习Javascript,以及Ajax、jQuery等已经有一段时间了,不过貌似还没有写过一个插件,看到jQuery官网上那么多令人眼前一亮的插件,自己今天也动心说是不是能够写一个类似的插件来瞧瞧,了解了jQuery插件的...
排版是在网页设计当中的一个重要的元素,实现一个高层次的排版风格可以让你的网页设计看起来更令人叹为观止,当你看到一些非同寻常的排版样式,你很好奇这些绚丽的色彩文字搭配效果是如何实现的,往往我们第一印象是...
防止默认操作(单击表单的提交按钮时) 使用收集的数据执行 AJAX 请求触发失败功能的成功但这里是令人敬畏的部分...... 您可以为每个表单创建单独的成功和失败函数。 要做到这一点,只需根据以下模型命名,将一个新...
过去几年中社交媒体越来越流行了,能够分享音乐、视频、图像甚至是其他的 docs 文档到互联网上去,这样子还能够提高页面的点击量。...iShare 是一款令人惊诧的 jquery 分享和书签插件。它有许多功能,比如说支持分享
有了这个插件,你可以创建一个漂亮的滚动效果,将一个简单的布局网站到令人吃惊的网站。
#####一个简单的跨浏览器jQuery插件,可轻松实现自定义事件跟踪。 您可以将dataTrack.js与Google的Universal Analytics(analytics.js),Google的Classic Analytics(ga.js)或几乎任何其他记录了具有Category,...
JS.另一个对话框 另一个 JS 对话框/模式。 除了这一次,我通过公开的方法...但主要是令人敬畏,也许还有更多的“内在”。 浏览器兼容性 在测试... 执照 我的方面是根据。 我确实包含了 ,由 Jake Archibald 的文章。
该jQuery插件使用户可以轻松地添加具有动画形式的UI小部件,该UI小部件具有从屏幕侧面滑动的反馈形式。 联系人/社交: 如果您想提一个问题,请使用我的 如果您喜欢我的插件,可以在 / 关注我,以表示赞赏。 特征:...
目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6。 prettyPhoto插件的项目地址:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 建议英文好的