`
wangking717
  • 浏览: 262558 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

推荐几款Jquery插件,工作适用

阅读更多

在工作中,用一些插件,会大大提供用户体验友好度,同时也提高开发效率。以下是一些不错的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/

 

20.粘性滚动插件 sticky

网址:https://www.cnblogs.com/codedisco/p/12543639.html

  • 大小: 13.9 KB
  • 大小: 17.7 KB
  • 大小: 12.1 KB
  • 大小: 19.8 KB
  • 大小: 7.4 KB
  • 大小: 233.1 KB
  • 大小: 50.2 KB
  • 大小: 15.2 KB
  • 大小: 391.4 KB
  • 大小: 4.7 KB
分享到:
评论

相关推荐

    好用清除html的jquery插件

    你可以通过查看源代码来学习其工作原理,这对于初学者或者希望深入了解jQuery插件开发的人来说是一个很好的学习机会。 标签“清除html格式”是这个插件的核心特性,它可能包括移除HTML标签、属性、样式以及其他非...

    jQuery的车牌插件

    5. **易于集成**:作为一款jQuery插件,它应该提供简单的API接口和配置选项,以便开发者轻松地将其集成到现有的项目中。 6. **响应式设计**:考虑到可能在不同尺寸的设备上使用,插件应该具备响应式布局,确保在...

    50个jquery插件介绍

    "50个jQuery插件介绍"这篇文档很可能包含了对各种功能强大、用途广泛的jQuery插件的详细解读,帮助开发者提升网站的用户体验和功能实现。 首先,jQuery插件是jQuery库的扩展,由社区开发者创建,用于解决特定问题或...

    eclipse上支持jquery插件

    3. **jQuery插件**:对于Eclipse,有几种插件可以实现jQuery支持,例如“JSDT (JavaScript Development Tools)”和“WTP (Web Tools Platform)”。它们通过集成jQuery的库信息,提供了代码完成、语法高亮和错误检测...

    cropper头像上传jquery插件

    Cropper是一款强大的图片裁剪工具,它提供了丰富的API和选项,使得在前端进行图片裁剪操作变得简单而高效,特别适用于创建用户头像选择或编辑的场景。 **描述分析:** 描述中提到,这个Demo是基于Cropper插件整理...

    一款头像裁剪jquery插件

    "一款头像裁剪jquery插件"正是解决这一问题的有效工具,它基于JavaScript库jQuery构建,提供了强大的图片裁剪功能,支持图片的放大、缩小及预览,还能将裁剪后的头像转换为blob对象以便于上传。 1. **jQuery基础** ...

    三款jQuery图片查看器插件

    Fancybox是一款流行的jQuery插件,用于创建优雅的弹出式图像查看器。它支持多种媒体类型,包括图片、HTML内容、YouTube视频等。Fancybox的特点是简洁的设计和高度可定制性,允许开发者自定义按钮、皮肤和动画效果。...

    jquery插件大全(内含Demo)

    **jQuery插件大全:打造网页交互新体验** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的...在实际工作中,合理地利用jQuery插件,能有效地提高开发效率,同时也能创造出更加吸引用户的网页界面。

    jQuery常用插件大全pdf

    **知识点**: 易于集成到现有表单中的jQuery插件,提供自动补全功能,提高用户输入效率。 #### 4. FacebooklikeAutocomplete **知识点**: 类似于Facebook的AutoCompleter插件,基于jQuery开发,模仿社交网络的自动...

    基于Jquery插件的 Web 快速开发工具

    总的来说,这款基于Jquery插件的Web快速开发工具是Visual Studio开发环境的一个强大补充,尤其适用于那些频繁使用JqueryUI和Rozor视图引擎的Web开发者。它通过自动化和标准化的代码生成,降低了开发复杂性,提升了...

    20款非常优秀的 jQuery 工具提示插件 推荐

    本文将详细介绍20款非常优秀的jQuery工具提示插件,它们可以在不同场合下满足开发者的各种需求。以下是一些推荐的工具提示插件: 1. **Dynamic Tooltip**:这是一款为Flowplayer视频播放器设计的动态工具提示插件,...

    鼠标双击或触摸双击事件检测jQuery插件

    本文将深入探讨一个针对鼠标双击和触摸屏双击事件检测的jQuery插件——jQuery-doubleTap。 **一、插件简介** jQuery-doubleTap是一款专门用于检测鼠标双击和移动设备触摸屏双击事件的插件。它通过优化"click"和...

    十套常用的精美jquery插件

    【jQuery插件详解】 在网页开发中,jQuery插件是一种扩展了jQuery库功能的JavaScript代码,使得开发者可以更轻松地实现复杂的功能,如动画效果、交互控件等。本资源包含十套常用的精美jQuery插件,涵盖了多个实用...

    jQuery 适用于 DreamWeaver 的 代码提示 插件

    这款"jQuery 适用于 DreamWeaver 的 代码提示 插件"正是为了解决在DreamWeaver中编写jQuery代码时的提示与自动完成问题,提高开发效率。 首先,让我们了解一下jQuery的基本概念。jQuery是一个轻量级的库,其核心...

    jquery图表插件大全收集

    10. **D3.js**:虽然不是直接的jQuery插件,但D3库允许开发者直接操作DOM来创建复杂的可视化,可与jQuery结合使用。 每个插件都有其特点和适用场景,选择时应考虑性能、功能需求、学习曲线以及项目的兼容性要求。...

    jQuery插件 简单日期设置

    本主题聚焦于"jQuery插件 简单日期设置",这通常指的是利用jQuery来创建一个简单易用的日历插件,只用于选择日期,不涉及时间选择,适用于那些只需要日期输入的场景。 首先,我们了解jQuery插件的基本结构。一个...

    jquery表单验证插件

    无论是对于前端开发者还是后端开发者而言,这款插件都能大大减少编码工作量,提高开发效率。同时,由于其强大的功能和良好的兼容性,使其成为了许多项目中的首选方案。 通过上述步骤和示例代码,您可以快速上手...

    Jquery插件漂亮的弹出对话框

    本文将深入探讨名为“Smart Alert”的jQuery插件,它是一款用于创建漂亮弹出对话框的库。 **1. jQuery插件概述** jQuery是一个广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery插件...

Global site tag (gtag.js) - Google Analytics