失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > php无刷新分页插件 jQuery插件jPaginate实现无刷新分页_jquery

php无刷新分页插件 jQuery插件jPaginate实现无刷新分页_jquery

时间:2021-08-03 20:48:19

相关推荐

php无刷新分页插件 jQuery插件jPaginate实现无刷新分页_jquery

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

PHP读取第一页数据:

' . $pubdate . '' . $row['title'] . '';

}

mysql_close();

?>

jQuery

$("#demo3").paginate({

count: , //总记录数

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 '

以上所述就是本文的全部内容了,希望大家能够喜欢。

发布php中文网,转载请注明出处,感谢您的尊重!

如果觉得《php无刷新分页插件 jQuery插件jPaginate实现无刷新分页_jquery》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。