怎么用PHP+jPaginate插件实现无刷新分页

发布时间:2021-08-27 16:34:40 作者:chen
来源:亿速云 阅读:130

本篇内容主要讲解“怎么用PHP+jPaginate插件实现无刷新分页”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用PHP+jPaginate插件实现无刷新分页”吧!

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>'; 
    } 
}

到此,相信大家对“怎么用PHP+jPaginate插件实现无刷新分页”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. 怎么用smarty+php+ajax实现简单无刷新分页功能
  2. jQuery如何实现分页插件

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

制作 刷新

上一篇:Java线程池是怎么实现的

下一篇:不安装docker怎么构建docker镜像

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》