本篇内容主要讲解“怎么用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插件实现无刷新分页”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：http://blog.itpub.net/31545264/viewspace-2676144/
