手机版

推荐一个PHP jQuery做的列表分页的功能模块

时间:2021-09-09 来源:互联网 编辑:宝哥软件园 浏览:

做了一个列表分页功能模块,主要文件包括分页类page.class.php和用于控制ajax分页的ajax.js,主要功能有:

1.您可以选择三种常见的url分页格式;

2.您可以选择url分页或ajax分页;

3.分页A标签的文本可以在两种分页方式中自定义;

4.4.url分页方法可以自定义分页偏移量;

5.5.url分页模式可以从手动跳转模式中选择:手动输入页码跳转或从下拉菜单中选择页码跳转。

列表分页功能中包含的元素(但不一定全部包含)包括:

首页、下一页、上一页、最后一页、具体页码、手动输入跳转到哪一页、从下拉菜单跳转到哪一页、信息(共多少页、共多少篇文章、当前是哪一页)等。

必须包含的元素有:上一页、下一页和特定页码。

我们先来看看其他网站是怎么做的(百度搜索、小虎、淘宝、虾米、Dreaming官网):

1.百度搜索由最简单的“上一页”、“下一页”和具体的页码组成。分页偏移量是前5页和后4页

2.虎扑主题(http://bbs.hupu.com/topic-5)的页码包括“上一页”、“下一页”、具体页码、手动跳转到哪一页、信息等元素,还包括第一页和最后一页,只不过这里的第一页和最后一页是用具体页码而不是用文字来表示的。前后分页偏移量为4页。博客公园(http://www.cnblogs.com/cate/php/#p12)的列表页面也是这样处理的。

3.淘宝宝贝榜页面(http://s.taobao.com/list?SPM=a 217v . 7289245 . 1997888733 . 7 . 4 jhyaeseller _ type=taobaosort=sale-desc cat=50029216 SD=0t id=0 olu=yes isnew=2 navid=city SMC=1 _ input _ charset=utf-8tab=allapp=l Ists=0 aarection _ tag[]=12034),包括“上一页”、“下一页”、具体页码、信息、要跳转的页码前后分页偏移量为2页

4.虾米榜(http://www.xiami.com/collect/recommend?SPM=a1z 1s . 2943601 . 6856193 . 30 . dqfwiz),包括'上一页','下一页',具体页码,跳过页码(.),信息,以及第1页显示的第一页。分页偏移量是前2页和后5页

最后,智盟官网文章的列表页(http://www.dedecms.com/news/list_133_11.html)包括‘首页’‘上一页’‘下一页’,具体页码,‘最后一页’,从下拉菜单跳转到哪一页,以及信息。前后分页偏移量为5页:

很遗憾浏览到第11页,因为宽度太宽,导致布局问题:

这种寻呼功能的方法和效果是:

1.url分页样式1:

(1)手动输入跳转页码:

总是显示最后一页

.跳转到当前显示的最大页码的下一页(最后一页除外),并将鼠标放在该页上以给出提示

前后偏移量可以自定义,可以相同也可以不同。前一个“.”跳到除第一页以外的上一页

(2)下拉菜单选择跳转方式:

2.url分页样式2:

用“第一页”和“最后一页”代替页码“1”和最后一页,用前N页和后N页代替“.”

为了使“前10页”和“后10页”同时出现,添加了数据库的数据

还有一个下拉菜单跳转模式

3.ajax分页:

出现的唯一元素是“主页”、“上一页”、“下一页”和“最后一页”。

在第一页:

在中间:

在最后一页:

模块的文件结构图:

版权声明:推荐一个PHP jQuery做的列表分页的功能模块是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。