最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

PHP+Ajax+jPaginate无刷新分页

来源:http://www.erdangjiade.com/ 沐浴春风 2015-05-02 13:35浏览(2655)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

PHP+Ajax+jPaginate无刷新分页
分类:PHP > Ajax 难易:初级
查看演示 下载资源 下载积分: 30 积分

PHP读取第一页数据:

<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.erdangjiade.com/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; 
    } 
    mysql_close(); 
    ?> 
</div>

jQuery

$("#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.erdangjiade.com/js/' . $row['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'
    } 
}
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/95.html
评论3
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 板凳
    05-23 16:50
    caihong
    加圖片商品那就更好了
  • 头像 椅子
    05-08 23:34
    handsome
    哎呦喂,不错哦
  • 头像 沙发
    05-08 14:34
    zou6256111
    凤飞飞凤飞飞凤飞飞凤飞飞凤飞飞凤飞飞凤飞飞
1 2