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 相关文章推荐
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 Javascript
jQuery Autocomplete自动完成插件
Jul 17 Javascript
jquery实现网页的页面平滑滚动效果代码
Nov 02 Javascript
jQuery Real Person验证码插件防止表单自动提交
Nov 06 Javascript
常用原生js自定义函数总结
Nov 20 Javascript
Angular2自定义分页组件
Apr 19 Javascript
node跨域请求方法小结
Aug 25 Javascript
vue router自动判断左右翻页转场动画效果
Oct 10 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
微信小程序日历效果
Dec 29 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 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
Terran兵种对照表
2020/03/14 星际争霸
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
phplot生成图片类用法详解
2015/01/06 PHP
Laravel中使用阿里云OSS Composer包分享
2015/02/10 PHP
浅谈socket同步和异步、阻塞和非阻塞、I/O模型
2016/12/15 PHP
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
js实现文字向上轮播功能
2017/01/13 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
Python 中的Selenium异常处理实例代码
2018/05/03 Python
Django添加feeds功能的示例
2018/08/07 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
Python基于scipy实现信号滤波功能
2019/05/08 Python
Python如何存储数据到json文件
2020/03/09 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
军训自我鉴定
2013/12/14 职场文书
大三学习计划书范文
2014/05/02 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
旷课检讨书
2015/01/26 职场文书
公务员个人年终总结
2015/02/12 职场文书
党支部鉴定意见
2015/06/02 职场文书
运动会报道稿大全
2015/07/23 职场文书