jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页


Posted in Javascript onDecember 25, 2008

******生成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:null //分页事件触发时callback函数

使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("当前第"+page+"页");
}
});
以上代码为所有div加上分页脚代码
*/
其中要特别说明一下其中的一个参数:paging

1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入:
paging:function(page){
location.href="?page="+page;
}
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。

2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
没有什么技术含量,权当练手吧,哈哈

JackLee: paging:function(page){ 
location.href="?page="+page; 
} 
用这个有问题呀?? 
当你点了第10页时,在div导航上第1页是当前,我想应该让第10页是当前的才对呀! 
-------------------------------------------------------- 
你没有注意这里哦: 
--- 
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current 
了,如果你不赋值给它,它默认的值是第一页。。。 
--- 
你在重新加载了这个页后要手动赋值给它。 
如果你不想这样子的话就用ajax来分页效果会比较好,又不会太麻烦

在线演示 http://img.3water.com/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.3water.com/online/jquery.pageFoot/jquery.pageFoot.rar
Javascript 相关文章推荐
JS弹出对话框返回值代码(asp.net后台)
Dec 28 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
js判断横竖屏及禁止浏览器滑动条示例
Apr 29 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
JS控制文本域只读或可写属性的方法
Jun 24 Javascript
AngularJS包括详解及示例代码
Aug 17 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
用move.js库实现百叶窗特效
Feb 08 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
jquery 图片预加载 自动等比例缩放插件
Dec 25 #Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 #Javascript
ASP SQL防注入的方法
Dec 25 #Javascript
jQuery 位置插件
Dec 25 #Javascript
jQuery 浮动广告实现代码
Dec 25 #Javascript
jQuery 操作XML入门
Dec 25 #Javascript
jQuery 动画基础教程
Dec 25 #Javascript
You might like
PHP开发大型项目的一点经验
2006/10/09 PHP
php查找指定目录下指定大小文件的方法
2014/11/28 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
php微信开发之关注事件
2018/06/14 PHP
PHP+redis实现的购物车单例类示例
2019/02/02 PHP
php的RSA加密解密算法原理与用法分析
2020/01/23 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
使用angular写一个hello world
2015/01/23 Javascript
原生js实现类似弹窗抖动效果
2015/04/02 Javascript
node.JS md5加密中文与php结果不一致的解决方法
2017/05/05 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
Python3简单实例计算同花的概率代码
2017/12/06 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
联强国际笔试题面试题
2013/07/10 面试题
杭州-飞时达软件有限公司.net笔面试
2012/04/28 面试题
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
写自荐信三大法宝
2014/01/24 职场文书
英语教师岗位职责
2014/03/16 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
本科毕业生自荐信
2014/05/26 职场文书
毕业生工作求职信
2014/06/30 职场文书
高中国旗下的演讲稿
2014/08/28 职场文书
自我检讨书范文
2015/01/28 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书