惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

A
About on SuperTechFans
小众软件
小众软件
WordPress大学
WordPress大学
Microsoft Azure Blog
Microsoft Azure Blog
Recent Announcements
Recent Announcements
博客园 - 三生石上(FineUI控件)
博客园_首页
N
Netflix TechBlog - Medium
IT之家
IT之家
H
Help Net Security
博客园 - 聂微东
Google DeepMind News
Google DeepMind News
罗磊的独立博客
T
Tailwind CSS Blog
F
Fortinet All Blogs
Hugging Face - Blog
Hugging Face - Blog
MongoDB | Blog
MongoDB | Blog
V
V2EX
量子位
云风的 BLOG
云风的 BLOG
爱范儿
爱范儿
博客园 - 司徒正美
The Cloudflare Blog
Engineering at Meta
Engineering at Meta

博客园 - 没剑

一段实现页面上的图片延时加载的js 失业了,别人不会告诉你的10件事 正确的SWOT分析方法(转) 界面内容优化的层次(转) 常用的CSS命名规则 jq插件之仿“卓越亚马逊”首页弹出菜单效果 jq图片预加载+自动等比例缩放插件 实现firebird的Embedded模式(.net 3.5) Interbase/Firebird的SQL语法(收藏) mvc preview 2中,找到的一段表单数据填充实体的函数 jquery插件:任意位置浮动固定层(09-11-05更新插件) jquery调用WebService和WebService输出JSON 兼容ie firefox 半透明效果 再次发布一个jq的下拉框式日期选择插件 dateSelector ~ 发布一个jQuery做的导航菜单的插件 submenu js让网页标题闪动效果(记) 关于接口使用getType的方法的问题 终于找到个可以在sql2000下用的正则啦,哈哈 定时删除sql中睡眠的进程 - 没剑 - 博客园
jquery插件:web2.0分格的分页脚,可用于ajax无刷新分页
没剑 · 2008-03-12 · via 博客园 - 没剑

******生成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);
            }

没有什么技术含量,权当练手吧,哈哈
下载DEMO