jQuery插件收集
关注
分享
扫一扫
不净之心
这个作者很懒，什么都没留下…
展开
-
pageSwitch-支持121种过渡效果的JavaScript页面切换插件
介绍： [url]http://www.htmleaf.com/jQuery/Layout-Interface/pageSwitch.html[/url]官网： [url]https://github.com/qiqiboy/pageSwitch[/url]Demo: [url]http://u.boy.im/pageswitch/pic.html[/url]原创 2016-04-10 01:25:01 · 341 阅读 · 0 评论 -
JavaScript 文件拖拽上传插件 dropzone.js 介绍
JavaScript 文件拖拽上传插件 dropzone.js 介绍 [url]https://www.renfei.org/blog/dropzone-js-introduction.html[/url]ASP.NET MVC中使用Dropzone.js实现图片的批量拖拽上传 [url]http://www.cnblogs.com/hdkn235/p/3887556.html[/url], ...原创 2015-12-04 23:12:34 · 204 阅读 · 0 评论 -
Jquery contentMenu右键菜单 当某个事件出发时才显示菜单
[url]http://my.oschina.net/u/780876/blog/522977[/url]官网[url]http://www.trendskitchens.co.nz/jquery/contextmenu/[/url] 内容不多，但是够用了！！ 实现这个功能的主要方法就是[color=red]onContextMenu[/color]这个函数，他的意思是在...原创 2015-10-28 13:49:43 · 332 阅读 · 0 评论 -
echart使用记录
ECharts详细说明 [url]http://elang0705.iteye.com/blog/2252577[/url][color=red][b]格式化提醒[/b][/color]tooltip: { trigger: 'item', // 单个显示，多个提示使用axis //formatter:...原创 2016-06-22 09:24:45 · 223 阅读 · 0 评论 -
jqGrid的搜索框下拉
[url]http://www.cnblogs.com/linguoguo/p/4076279.html[/url] [code="js"]{name: 'wareId', index: 'wareId', width: 150, formatter: function (cellvalue, options, rowObject) {...原创 2016-06-06 09:21:57 · 616 阅读 · 0 评论 -
taitems/jQuery.Gantt源码修改
1. 解决了不对齐2. 增加process进度条使用方式:[code="js"]var config={ divId: "allInitiativeExhibition_gant", navigate: "scroll", //scale: "months", //minScal...原创 2015-07-01 17:09:34 · 362 阅读 · 0 评论 -
plupload上传插件在SpringMVC中的整合
插件地址： [url]http://www.plupload.com/[/url]多附件上传控件plupload的使用心得[url]http://panyongzheng.iteye.com/blog/1943644[/url][b]引入：[/b][code="html"][/code][b]前台创建：[/b][code="js"]met...原创 2015-06-02 13:42:33 · 152 阅读 · 0 评论 -
使用jquery.i18n.properties.js实现js国际化
[url]http://my.oschina.net/u/871551/blog/422799[/url]js国际化的框架jquery.i18n.properties.js，用了一些还是比较方便的。首先引入js文件，这个框架是依赖jquery的，所以jquery也要先引入，由于项目用了requireJs，所以在main文件里引入一下就可以了 [code="js"]require.c...原创 2015-05-31 15:09:58 · 805 阅读 · 0 评论 -
jQuery.extend 函数各种用法
[url]http://my.oschina.net/wizardpisces/blog/408248[/url]JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。[b] 一、Jquery的扩展方法原型是:[/b] [code="js"] exten...原创 2015-04-30 10:00:19 · 118 阅读 · 0 评论 -
jQuery对Base64编码插件的使用
官网：[url]http://plugins.jquery.com/base64/[/url][code="js"] $.base64.utf8encode = true; $.base64.utf8decode = true; alert($.base64.encode("好人")); alert($.base64.decode($.base64....原创 2013-10-24 20:08:57 · 648 阅读 · 0 评论 -
KindEditor在jQuery UI Dialog下面的问题，添加自定义插件
[url]http://www.kindsoft.net/ke4/examples/jquery-ui.html[/url]添加自定义插件 [url]http://kindeditor.net/docs/plugin.html[/url]在页面的时候使用[code="js"]KindEditor.ready(function(K) { editor =Ki...原创 2013-10-24 19:53:19 · 210 阅读 · 0 评论 -
jQuery UI的配置记录
1. 下载相应的版本：[url]http://jqueryui.com/download/all/[/url],最好下载包括theme的信息的包。2. 解压，把js放到工程里面，把css放到工程里面，image放到工程里面。3. 修改css里面的目录，尤其是图片的的文件夹。因为css默认是images文件夹，但工程里面有可能是img文件夹，所以要修改css里面图片的路径。尤其要修改jque...原创 2013-10-23 16:14:31 · 76 阅读 · 0 评论 -
jquery读取表单数据: serializeArray & serializeObject
[code="js"]$.fn.serializeObject = function(){ var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.nam...原创 2015-12-14 16:36:22 · 270 阅读 · 0 评论 -
jquery.fly.min.js 拋物插件
插件官方: [url]https://github.com/amibug/fly[/url], 官方例子: [url]http://codepen.io/hzxs1990225/full/ogLaVp[/url]首先加载jQuery.js和jquery.fly.min.js插件。[code="html"] 接着，作4个商品进行演示，每个商品中有图片、价格、名称以及加入购物车按...原创 2015-12-17 10:03:53 · 197 阅读 · 0 评论 -
js函数式编程: nderscore.js
nderscore.js是一个 JavaScript 工具库，它提供了一整套函数式编程的实用功能，弥补了 jQuery 没有实现的功能，同时又是 Backbone 必不可少的部分。官方: [url]http://www.bootcss.com/p/underscore/[/url]...原创 2015-12-22 11:07:49 · 137 阅读 · 0 评论 -
基于jQuery的监控表单元素变化的小插件
[url]http://www.easyui.info/archives/758.html[/url]对于监控输入框或者下拉框这些表单元素，大家都有很有方法。keyup,keydown,change这些事件去监控都是一种思路，不过基本在都存在缺点。本文采用监控focus和blur事件的方式来实现：focus后开始监控，blur后停止监控，兼容性很好，不多说了，直接上代码了：实现代码...原创 2016-03-28 13:24:44 · 139 阅读 · 0 评论 -
巧用 jQuery 筛选器，避免重复代码
[url]http://my.oschina.net/mays/blog/647519[/url]jQuery的强大不用多说，但实际项目中，往往仅限于 jQuery("...").val() 之类的代替 document 取个值，设定个值而已。对于相对复杂的表单或者页面，如果不能使用合适的工具，将会极大降低效率，降低代码可读性。项目中的代码是这样的：html form（...原创 2016-03-25 23:01:08 · 166 阅读 · 0 评论 -
zepto(移动简化版jQuery)，的 API 分类
[url]http://my.oschina.net/leejun2005/blog/646352[/url][img]http://static.oschina.net/uploads/img/201603/24012525_WhOD.png[/img]原创 2016-03-24 09:22:01 · 145 阅读 · 0 评论 -
PJAX的实现与应用
[url]http://www.cnblogs.com/hustskyking/p/history-api-in-html5.html[/url]无刷新，内容替换插件。[size=x-large][color=red]详细见原文[/color][/size]原创 2016-03-22 13:18:30 · 111 阅读 · 0 评论 -
html上传图片之前在网页预览实现
HTML5之FileReader的使用 [url]http://blog.youkuaiyun.com/jackfrued/article/details/8967667[/url]原文：[url]http://my.oschina.net/rst/blog/638135[/url][code="html"]preview image ...原创 2016-03-16 10:40:39 · 222 阅读 · 0 评论 -
Jquery获取窗口高度
[url]http://my.oschina.net/moks/blog/637583[/url][code="js"]alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档bod...原创 2016-03-15 12:48:18 · 127 阅读 · 0 评论 -
通过Scroller.js制作上拉加载和下拉刷新
[url]http://my.oschina.net/wolfx/blog/632549[/url]之前做移动端webAPP开发,一直是用的IScroll来做滚动列表,但是IScroll没有直接提供上下拉刷新的功能,虽然我们基于IScroll自己实现了一套,但IScroll依然有不少bug.就拿点击来说吧,在某些型号的手机上会连续触发2次click.原因是配置项的{click:true}对某些...原创 2016-03-08 13:49:22 · 191 阅读 · 0 评论 -
jQuery动画插件： Velocity.js
官方： [url]http://julian.com/research/velocity/[/url]介绍： [url]http://www.w3ctech.com/topic/1403[/url]使用Velocity.js改善用户体验 [url]http://www.w3ctrain.com/2015/11/15/faster-ui-animations-with-velocity-js...原创 2016-02-16 13:46:33 · 153 阅读 · 0 评论 -
jquery mobile的一些使用记录。
[color=red][b]手机Web开发 jQuery 获取屏幕高度、宽度[/b][/color] [url]http://blog.youkuaiyun.com/xiongzhengxiang/article/details/8553558[/url][color=red][b]自定义按钮图标去除按钮阴影/圆角[/b][/color][url]http://bbs.phonegap100.co...原创 2014-11-24 15:17:13 · 130 阅读 · 0 评论 -
jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
[url]http://www.ijquery.cn/?p=360[/url]原创 2016-01-05 21:06:16 · 166 阅读 · 0 评论 -
高效的jQuery代码编写技巧大盘点
[url]http://my.oschina.net/evget/blog/343500[/url][b]缓存变量[/b]DOM遍历是昂贵的，所以尽量将会重用的元素缓存。 // 糟糕 h = $('#element').height();$('#element').css('height',h-20); // 建议 $element = $('#...原创 2014-11-12 15:53:38 · 105 阅读 · 0 评论 -
JqGrid学习总结_8 右键菜单
[url]http://blog.sina.com.cn/s/blog_c16346d00101ewwx.html[/url]1、jqGrid有自带的右键菜单，下面是怎样创建右键菜单2、首先在自己的JSP文件中引入 jquery_contextmenu.js文件 (引入JS文件路径)3、JSP文件[code="html"] ...原创 2013-09-23 10:18:28 · 192 阅读 · 0 评论 -
多附件上传控件plupload的使用心得
[url]http://www.cnblogs.com/luckybird/archive/2013/01/15/2861072.html[/url]官方例子:[url]http://www.plupload.com/examples/runtimes[/url]中文文档：[url]http://www.cnblogs.com/God-Shell/articles/3209708....原创 2013-09-18 13:52:17 · 319 阅读 · 0 评论 -
jQuery File Download v1.4.0 一个ajax方式下载插件
[url]http://johnculviner.com/jquery-file-download-v1-4-0-released-with-promise-support/[/url]下载: [url]https://github.com/johnculviner/jquery.fileDownload[/url]Demo: [url]http://jqueryfiledownload....原创 2013-09-05 16:55:05 · 432 阅读 · 0 评论 -
不用JS也能让工具栏悬浮于网页顶部（兼容所有浏览器）
[url]http://wwwy1.blog.hexun.com/51595144_d.html[/url][code="html"]缘阳网络 - 网页特效 - CSS特效 - 不用JS也能让工具栏悬浮于网页顶部（兼容所有浏览器）body { background: url(http://hexun.com/homephoto3/20100610/10763793/...原创 2012-12-10 13:53:07 · 454 阅读 · 0 评论 -
优秀的JQuery插件
[color=red]22款jquery 二级下拉菜单导航系列[/color][url]http://www.iteye.com/topic/1128826[/url]很不错的 JQwidgets jquery插件 [url]http://www.jqwidgets.com/jquery-widgets-demo/[/url]jQuery Grid Plugin 表格插件[url]...原创 2012-11-21 22:28:11 · 144 阅读 · 0 评论 -
jquery插件合集之分页插件[表单和表格]
[url]http://www.skygq.com/2011/01/24/jquery%E6%8F%92%E4%BB%B6%E5%90%88%E9%9B%86%E4%B9%8B%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB%B6/[/url][color=red][b]jPaginate: A Fancy jQuery Pagination Plugin[/b][/co...原创 2013-04-09 19:28:15 · 222 阅读 · 0 评论 -
jquery的颜色渐变插件： Color animation jQuery-plugin
Color animation jQuery-plugin [url]http://www.bitstorm.org/jquery/color-animation/[/url][code="js"]$('#demodiv').animate({color: '#E4D8B8'});$('#demodiv').animate({backgroundColor: '#400101'});...原创 2013-04-09 16:35:23 · 383 阅读 · 0 评论 -
jQuery国际化插件 实例用法解析
[url]http://my.oschina.net/u/590681/blog/112832[/url].原创 2013-04-09 10:53:33 · 112 阅读 · 0 评论 -
jQuery语法高亮插件，代码着色，页面代码着色
[url]http://www.2cto.com/kf/201303/197996.html[/url]原创 2013-04-04 15:28:05 · 122 阅读 · 0 评论 -
JQuery 导航插件和图表
[b][color=red]导航代码例子集[/color][/b]： [url]http://www.skyuu.net/jscode/adsCode/caidandaohang/[/url]15个最新的jQuery导航菜单插件[url]http://www.bobd.cn/resources/others/50381.html[/url]这篇文章中，将向大家展示采用jQuery最新技...原创 2013-03-29 15:53:41 · 145 阅读 · 0 评论 -
分享10个最好的jQuery表单插件
[url]http://www.chinaz.com/free/2011/1220/227376.shtml[/url]作为web设计或者开发者来说，表单是我们经常需要打交道的设计元素之一。 不论你开发登陆功能，在线购物功能，或者是注册功能，你都需要使用表单来执行用户输入。但其实并不是很多开发人员都关心开发或者设计表单元素。而表单设计 最重要的目的在于能够将表单设计超越它本身结构以达到使用体验...原创 2013-03-29 14:44:52 · 189 阅读 · 0 评论 -
10个超棒jQuery表单操作代码片段
[url]http://www.qianduan.net/10-awesome-jquery-form-action-code-fragment-not-to-be-missed.html[/url]jQuery绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，...原创 2013-03-29 14:31:42 · 74 阅读 · 0 评论 -
JQuery Block UI V2
[b][color=red]最好参考地址[/color][/b]:[url]http://www.cssrain.cn/demo/blockUI-V2/jQuery/blockUI/jQueryBlockUI.html[/url]The jQuery BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作[1]。当它被激活时，它会阻止使用者与页面（或页面的一部分）进行交互，直...原创 2012-06-20 14:11:08 · 170 阅读 · 0 评论 -
JQuery图片滚动插件
一款很好用的JQuery图片滚动插件Easy Slider详细说明 [url]http://www.chhua.com/web-note986[/url]官方:[url]http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding[/url]jcarousellite图片...原创 2011-09-01 16:38:49 · 93 阅读 · 0 评论