在工作中,用一些插件,会大大提供用户体验友好度,同时也提高开发效率。以下是一些不错的JQ插件,希望能对大家有所帮助。
1. Form表单样式插件:
一个jQuery样式插件,帮助你对表单中的控件进行式样控制。
demo url: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
2. 报表插件 Flot:
Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
demo url: http://people.iola.dk/olau/flot/examples/
3. 文件上传推荐百度的webuploader和uploadify:
demo url: http://fex-team.github.io/webuploader/demo.html
4. 自动匹配下拉框jQuery Autocomplete:
demo url: http://jquery.bassistance.de/autocomplete/demo/
5. 对话框以及弹窗为一体的JS框架:Jquery Layer
demo:http://sentsin.com/jquery/layer/
6. JQ 表单验证:
S.Sam制作表单验证+提示,隆重推荐,不用写额外的代码,只要在reg属性中写入正则后,就会根据我们的需求进行验证,大家的福音,比很多表单验证好用多了。
下载地址:http://www.cnblogs.com/S.Sams/archive/2008/08/07/tooltip.html
7. vTip 提示框:
demo url : http://www.vertigo-project.com/files/vTip/example.html
8. 日期插件 My97DatePicker
My97DatePicker是一个更全面,更人性化,并且速度一流的日期选择控件。具有强大的日期范围限制功能;自定义事件和丰富的API库;多语言支 持和自定义皮肤支持;跨无限级框架显示和自动选择显示位置。
官方地址:http://www.my97.net
9. LightBox插件 ColorBox
ColorBox是一个轻量级,可定制的Lightbox插件,可以在jQuery 1.3 和1.4中使用,ColorBox支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。
10.JQUERY编辑器推荐使用xheditor和百度的ueeditor
PS:个人更喜欢XHEDITOR的简洁风格。
11.JQUERY分页。
官方网址:https://github.com/jonpauldavies/jquery-pager-plugin
12.JQUERY放大镜,IE兼容很好。
官方网址:http://www.mind-projects.it/projects/jqzoom/
DEMO:http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
13.多级导航条JQ插件,找这样的导航条很难找,要找兼容浏览器,要么收费,要么就是有BUG。这个网站提供的插件,提供多套JQ导航条插件,样式很多。其中有些不兼容所有浏览器,有些完全兼容。看自己选择。
官方网址:http://apycom.com/
14.SuperSlide:常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决,其兄弟插件:TouchSlide专门针对移动端的不二之选。
官方网址:http://www.superslide2.com/
15.图片懒加载:jquery lazyload
如果说懒加载中做得用户体验最好的,就属淘宝UED官网做出来的效果,非常不错。
http://www.appelsiini.net/projects/lazyload
16.下拉框插件(可多选,自定义):jquery-multiselect
DEMO:http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/
文档:http://www.erichynds.com/blog/jquery-ui-multiselect-widget
下载:https://github.com/ehynds/jquery-ui-multiselect-widget
17.ckplayer:国产不错的视频播放器
官方地址:http://www.ckplayer.com/
再+一款不错的:http://www.cuplayer.com
18.jquery taginput:输入框标签插件
官方地址:http://xoxco.com/projects/code/tagsinput/
GIT官网:https://github.com/xoxco/jQuery-Tags-Input
教程:http://www.jq22.com/jquery-info426
19.图表插件
A) 百度echarts http://echarts.baidu.com/
B) 阿里G2 http://g2.alipay.com/