文档章节

PHP+jPaginate插件制作无刷新分页实例

ymkjs1990
 ymkjs1990
发布于 02/22 11:29
字数 501
阅读 123
收藏 0

jPaginate是一款动感滚动分页插件,它的表现形式是像分页的按钮一样,有意思的是这些按钮却可以左右滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的左右滚动。

读取第一页数据:

<div id="pagetxt"> 
    <?php 
    $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); 
    while ($row = mysql_fetch_array($query)) { 
        $pubdate = date("Y-m-d", $row['addtime']); 
        echo '<p><span>' . $pubdate . '</span><a href="http://www.sucaihuo.com/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; 
    } 
    mysql_close(); 
    ?> 
</div>

分页参数:

$("#demo3").paginate({ 
    count: <?php echo $page; ?>, //总记录数 
    start: 1, //开始显示的页数 
    display: 5, //分页条显示的页数 
    border: true, //是否显示页码的边框 
    border_color: '#BEF8B8', //设置边框的颜色 
    text_color: '#79B5E3', //设置页码的颜色 
    background_color: '#E3F2E1', //设置页码的背景色 
    border_hover_color: '#68BA64', //设置鼠标滑向页码时页码边框的颜色 
    text_hover_color: '#2573AF', //设置鼠标滑向页码时页码的颜色 
    background_hover_color: '#CAE6C6', //设置鼠标滑向页码时页码背景的颜色 
    images: false, //是否显示页码导航箭头 
    mouse: 'press', //设置为'press'时,当鼠标滑向导航箭头时,页码随之滚动;设置为'slide'时,鼠标单击一次导航箭头页码滚动一次。 
    onChange: function(page) { //当单击页码时,回调函数. 
    $("#pagetxt").load("article.php?p=" + page); 
    } 
});

article.php代码:

$p = isset($_GET['p']) ? intval($_GET['p']) : ""; 
 
$result = mysql_query("select id from article"); 
$total = mysql_num_rows($result); 
 
$pagesize = 6; //每页显示数 
$page = ceil($total / $pagesize); //总页数 
if ($p) { 
    $startPage = ($p - 1) * $pagesize; 
    $query = mysql_query("select id,title,addtime from article order by id desc limit $startPage, $pagesize"); 
    while ($row = mysql_fetch_array($query)) { 
        $pubdate = date("Y-m-d", $row['addtime']); 
        echo '<p><span>' . $pubdate . '</span><a href="http://www.sucaihuo.com/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; 
    } 
}

本文转载自:https://www.sucaihuo.com/php/95.html

ymkjs1990
粉丝 1
博文 33
码字总数 0
作品 0
河源
私信 提问
加载中

评论(0)

Flutter EasyRefresh+ListView+Scoped Model 实现上拉刷新和分页加载

前言: Flutter项目需要实现“上拉刷新和分页加载“的功能,分页可以把大量数据分割成一个个小段,分次加载。这样可以有效避免因为一次load全部数据而导致客户端变慢的问题。在这里我使用Eas...

EmilyWu
2019/07/18
367
0
基于 Beego 开发的后台管理系统 - gardens

gardens是基于Beego开发的易用、易扩展、界面友好的轻量级功能权限管理系统。 前端框架基于AdminLTE2进行资源整合,包含了多款优秀的插件,是笔者对多年后台管理系统开发经验精华的萃取。 本...

yunnet
2018/10/31
4.4K
0
angular分页插件tm.pagination二次触发问题解决歪方案

  今天在学习angularjs的分页插件时遇到了一个前端的问题,谷歌浏览器开发者模式调试的时候发现每次点击分页刷新按钮会触发两次后台请求,ajax向后台发送了两次请求,这对于强迫症患者来说...

晴朗sunny
2018/07/13
0
0
下拉分页选择插件 SelectPage v2.0 发布,大量更新

下拉分页选择插件 SelectPage v2.0 发布了,插件更新内容: 代码重构 修改默认样式,使用更简洁的风格 增加maxSelectLimit参数,设置多选模式下最大选择个数限制 增加eTagRemove回调函数,在...

TerryZ
2017/08/14
2.2K
6
网页WEB打印控件制作

在WEB系统中,打印的确是比较烦人的问题,如果我们能制作一个属于自己的自定义的打印插件,那么我们在后续自定义打印的时候能随心所欲的控制打印,这样的效果对于程序员来说是非常开心的一件...

CandyNext
2016/06/13
2.9K
6

没有更多内容

加载失败,请刷新页面

加载更多

复习下Linux去除重复项命令uniq

uniq也是linux管道命令家族中的一员,其主要功能是去除重复项。 在介绍uniq命令之前,我们先来新建在下面的案例中需要用到的文件/tmp/uniq.txt,内容如下:默认情况下uniq只会检索相邻的重复...

php开源社区
18分钟前
15
0
展会人脸识别签到门禁闸机,“快”“准”识别“刷脸”签到

结合客户需求自主研发动态人脸识别身份核查系统。集现场人脸采集、身份验证、黑名单预警、等功能为一体,从读取身份信息到现场采集人脸照片、进行比对、并获取结果,全程自动化,需增加外围硬...

艾力奋会展服务
20分钟前
13
0
mysql索引原则

设计原则 经常被用户条件查询的字段,创建索引 索引不是越多越好;索引占用磁盘空间,影响insert、update、delete性能 经常修改的表,不要建过多的索引;更新表数据时,索引也会进行微调或者...

简到珍
22分钟前
9
0
排序算法(快排&归并&选择&插入&冒泡)-php&go实现

PHP //排序常用算法//排序算法 稳定排序算法class SortAlg{ //冒泡排序 public function maoPaoSort($arr) { $n = count($arr); if ($n <= 1) { ......

山人有妙计
23分钟前
13
0
基于函数计算的 BFF 架构

什么是 BFF BFF 全称是 Backends For Frontends (服务于前端的后端),起源于 2015 年 Sam Newman 一篇博客文章《Pattern: Backends For Frontends —— Single-purpose Edge Services for U......

阿里巴巴云原生
28分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部