jQuery插件jPaginate实现无刷新分页
(编辑：jimmy 日期: 2026/5/5 浏览：3 次 )
jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。
PHP读取第一页数据：
<div id="pagetxt">
<"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="https://www.jb51.net/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>';
}
mysql_close();
"htmlcode">
$("#demo3").paginate({
count: <"#pagetxt").load("article.php" + page);
}
});
article.php
$p = isset($_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="https://www.jb51.net/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>';
}
}
以上所述就是本文的全部内容了，希望大家能够喜欢。
下一篇：javascript白色简洁计算器