本分类下共有5篇文章

javascript技术

好用的jQuery2.X文件上传插件,使用HTML5+JS

;(function($){varmethods={init:function(options){returnthis.each(function(){var$this=$(this);$this.data(\Kwok\,{inputs:{},//所有文件的输入对像inputCount:0,//用于input上的name加循环数(input的创建个数)fileID:0,queue:{//单个队列count:0,//队列里的计数器selected:0,//上次操作的选择数replaced:0,//上次选择中被替换的文件数queued:0,//上次选择操作中添加到队列中的文件数cancelled:0//已从队列中取消或删除的文件总数},uploads:{//上传current:0,//当前上载的文件数attempts:0,//在上一次上传操作中尝试上传的文件数success...

使用js实现键盘翻页,利用json减少代码。

使用键盘左、右、回车键翻页常常用于文章、新闻、小说、漫画等网,在网上找到一堆代码,用的最多的是下面代码:varpreview_page=上一页地址;varnext_page=下一页地址;varindex_page=分类、目录地址;functionjumpPage(){varevent=document.all?window.event:arguments[0];if(event.keyCode==37)document.location=preview_page;if(event.keyCode==39)document.location=next_page;if(event.keyCode==13)document.location=index_page;}document.onkeydown=jumpPage;先对代码进行优化得到下面的代码:varp=上一页地址;varn=下一页地址;vari=分类、目...

用jQuery实现拖拽移动效果

用简单的几行代码就可以实现炫酷的效果。下面是我自己写的一个拖拽效果,只用了几行代码,供参考。主要是为了学习jQuery的事件、事件绑定、解除绑定的方式。有详细的注释,供参考学习。<!doctypehtml><html><head><metacharset=utf-8><title>jQuery拖拽</title><scriptsrc=http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js></script></head><body><imgid=gostyle=position:absolutesrc=http://www.neter8.com/static/logo.gif><script>obj=$(#go);//通过jQuery的鼠...

使用jQuery快速验证表单,使用data收集

<html><head><metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/><title>jQuery表单验证</title><scriptsrc=http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.jstype=text/javascript></script><styletype=text/css>span{display:none;}</style></head><body><formaction=method=post><p>用户名:</p><p><inputname=usernametype=textclass=auth/><span>用户名长度要大于6个字符,小于15个字符</span></p&g...

一个比较好用的JS原生封装Ajax.js,使用方法与jQuery一样

Ajax新手可以直接载入使用的JS封装,可以实现http连接的方式,包括POST和GET两种方式、我已经详细注释了代码,使用的时候可以直接去掉注释并压缩代码,可加速载入。代码使用与jQuery一样,functionajax(opt){opt=opt||{};//opt以数组方式存参,如果参数不存在就为空。opt.method=opt.method.toUpperCase()||POST;//转为大写失败,就转为POSTopt.url=opt.url||;//检查URL是否为空opt.async=opt.async||true;//是否异步opt.data=opt.data||null;//是否发送参数,如POST、GET发送参数opt.success=opt.success||function(){};成功后处理方式varxmlHttp=null;//...