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 相关文章推荐
javascript下IE与FF兼容函数收集
Sep 17 Javascript
Javascript类库的顶层对象名用户体验分析
Oct 24 Javascript
chrome原生方法之数组
Nov 30 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
DOM 事件的深入浅出(一)
Dec 05 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
详解AngularJS controller调用factory
May 19 Javascript
BootstrapValidator实现表单验证功能
Nov 08 Javascript
react如何快速设置文件路径别名
Apr 28 Javascript
原生JS实现飞机大战小游戏
Jun 09 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站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
把Node.js程序加入服务实现随机启动
2015/06/25 Javascript
ES6的新特性概览
2016/03/10 Javascript
jQuery实现选项联动轮播效果【附实例】
2016/04/19 Javascript
浅析jquery数组删除指定元素的方法:grep()
2016/05/19 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
JavaScript异步加载问题总结
2018/02/17 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
python解析xml文件操作实例
2014/10/05 Python
简单解析Django框架中的表单验证
2015/07/17 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
Python实现的字典值比较功能示例
2018/01/08 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
Eagle Eyes Optics鹰眼光学:高性能太阳镜
2018/12/07 全球购物
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
初中考试作弊检讨书
2014/02/01 职场文书
运动会演讲稿200字
2014/08/25 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP