本文通过实例代码给大家讲解了jQuery Ajax 实现分页 kkpager插件功能，需要的的朋友参考下吧代码片段一：代码片段二：<script type="text/javascript">$(function () {//----分页部分 代码片段一 开始----var totalPage = 20;//总共多少页var totalRecords = 200;//总共多少条var pagehref = window.location.href;var pageNo = GetQueryString(pno);if (!pageNo) {pageNo = 1;}//----分页部分 代码片段一 结束---- //----页面数据...
ajaxFileUpload是一个异步上传文件的jQuery插件 传一个不知道什么版本的上来，以后不用到处找了。 语法：$.ajaxFileUpload([options]) options参数说明：1、url 上传处理程序地址。 2，fileElementId 需要上传的文件域的ID，即<input type="file">的ID。3，secureuri 是否启用安全提交，默认为false。 4，dataType 服务器返回的数据类型。可以为xml,scri...
ajaxfileupload.js jQuery.extend({createUploadIframe: function (id, uri) {//id为当前系统时间字符串，uri是外部传入的json对象的一个参数//create framevar frameId = jUploadFrame + id; //给iframe添加一个独一无二的idvar iframeHtml = <iframe id=" + frameId + " name=" + frameId + " style="position:absolute; top:-9999px; left:-9999px"; //创建iframe元素if (window.ActiveXObject) {//判断浏览器是否支持ActiveX控...
导读： 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格，像花瓣网、蘑菇街、美丽说等。 不废话，直接上代码，整段代码分为前后两段代码，具体代码如下所示。前台：$category=$this->getMyVal('category',$_GET);$xiaohuaLis...
******生成js分页脚****** ****没剑(2008-03-05)**** 修改日期：2008-3-12 添加两个参数：displaynum，displaylastNum可以自由定制显示的页码数量 参数： pagesize:10 //每页显示的页码数 ,count:0 //数据条数 ,css:"mj_pagefoot" //分页脚css样式类 ,current:1 //当前页码 ,displaynum:7 //中间显示页码数 ,displaylastNum:5 //最后显示的页码数 ,previous:"上一页" //上一页显示样式 ,next:"下一页" //下一页显示样式 ,paging:nu...
推荐阅读：jQuery插件开发精品教程让你的jQuery提升一个台阶 既然说到基于jQuery的ajax分页插件，那我们就先看看主要的代码结构：（我觉得对咱们程序员来说再优美的文字描述、介绍也 比不上代码来得实在。）1、首先定义一个pager对象：var sjPager = window.sjPager = { opts: { //默认属性 pageSize: , preText: "pre", nextText: "next", firstText: "First", lastText: "Last", shiftingLeft: , shiftingRight: , preLeast: , n...
本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考，具体如下：simplePagehtml,body{ margin:0 auto; text-align:center; } .main{ font:12px/24px "Microsoft YaHei"; height:1000px; } #page{ margin:100px auto; width:960px; text-align:center; } #page a{ text-decoration:none; display:inline-block; height:24px; padding:0 8px; border-radius:3px; background-color:#DEF39E; color:#8CAC2C; t...
本文为大家分享了一个表单验证插件，支持ajax验证，使用起来很简单。 每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示...
代码如下: $(document).ready(function(){ $("#Click").click(function(){ $.getJSON("ajaxuser.jspx",{},function(json){ //alert(json); $("#clickTab").children().each(function(){ $(this).remove(); }); $(json).each(function(){ var id=this.uid; var name=this.uname; var pwd=this.upwd; //alert(name); var htmlStr=''+id+''+''+name+''+''+pwd+''; $("#clickTab").append(htmlStr); }); }); }); $("#clickTab").aj...
1. Chrome Style jQuery Image Gallery 一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件，在线演示2. Awkward Showcase 使用这款插件可以实现各种内容的幻灯片展示效果，例如文本、图片、视频等等，在线演示3. Waypoints 这款插件可以让你实现当滚动到某个目标元素的时候执行特定的动作，例如回到顶部，在线演示4. bxSlider 这是一个内容滑块和图片幻灯片展示插件，可自定义很多参数，在线演示5. A simple accordion menu 这是...
在上一篇JQuery模板插件-jquery.tmpl中介绍了这款插件。有时我们需要去动态的ajax去加载模板，或者数据，根据url参数或者其他信息加载不同的模板，数据。在我的某个项目中有这个需求，所以特地写成jquery工具函数，加入了本地数据和ajax数据加载模板，数据的方式。 参数说明： Tmpl: function(template, data, fun) 1：template： 1）： url: 为ajax的加载url，ajax当且仅当remote= true时候加载。 2）：data: 为ajax加载参数 3） ...
1. AJAX-ZOOM 非常强大的一款插件，可用鼠标滚轮进行缩放，360 旋转，全屏浏览等很多功能，在线演示 2. VerticalSlider 用于显示长列表的很好的方式，以Ajax方式加载，在线演示3. More plugin 一款实现更多功能的插件，可用于显示更多评论，也可用于显示后面多少篇博文等，在线演示 4. HTML5 drag & drop image file uploader 这是一款实现HTML5拖放上传的插件，在线演示5. jpaging 一款基于jQuery实现的AJAX分页插件，在线演示6. ...
query formValidator插件非常好用，但是有一个严重的Bug，在使用ajax验证的时候，如果输入框的内容已经存在，把鼠标放到输入框，不做任何修改再离开，则会提示错误， 这是这个插件犯的一个很愚蠢的错误 代码如下: oneIsValid: function(id, index) { var returnObj = new Object(); returnObj.id = id; returnObj.ajax = -1; returnObj.errormsg = ""; //自定义错误信息 var elem = $("#" + id).get(0); var settings = elem.sett...
jquery formvalidator插件是不错的国产验证插件了，做点普通的校验也是很方便的，但最近遇到个问题，发现如果表单整个表单是AJAX提交时，就不能按传统的做法了，比如： 代码如下: $ajax.post("...............") $.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}}); $("#reason").formValidator().inputValidator({min:1,onErrorMin:请输入申请内容及原因}); 很遗憾，单这样是达不到AJAX FORM...
原项目地址：http://plugins.jquery.com/project/pagination版本：v1.2源文件下载：英文原版 或中文翻译修改版一、相关demo 基本demo页面 Ajax demo页面 参数可编辑demo页面 二、简介与说明 此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。 原插件CSS不太合理，使用浮动，故无法方便实现左右方向的定位，且未清除浮动，在中文修改版中我对其进行了优化，...