怎么用PHP+jPaginate插件實現(xiàn)無刷新分頁

本篇內(nèi)容主要講解“怎么用PHP+jPaginate插件實現(xiàn)無刷新分頁”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“怎么用PHP+jPaginate插件實現(xiàn)無刷新分頁”吧!

jPaginate是一款動感滾動分頁插件，它的表現(xiàn)形式是像分頁的按鈕一樣，有意思的是這些按鈕卻可以左右滾動，

可以通過單擊或鼠標(biāo)滑向點兩側(cè)的小箭頭來控制按鈕的左右滾動。

讀取第一頁數(shù)據(jù)：

<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>

分頁參數(shù)：

$("#demo3").paginate({ 
    count: <?php echo $page; ?>, //總記錄數(shù) 
    start: 1, //開始顯示的頁數(shù) 
    display: 5, //分頁條顯示的頁數(shù) 
    border: true, //是否顯示頁碼的邊框 
    border_color: '#BEF8B8', //設(shè)置邊框的顏色 
    text_color: '#79B5E3', //設(shè)置頁碼的顏色 
    background_color: '#E3F2E1', //設(shè)置頁碼的背景色 
    border_hover_color: '#68BA64', //設(shè)置鼠標(biāo)滑向頁碼時頁碼邊框的顏色 
    text_hover_color: '#2573AF', //設(shè)置鼠標(biāo)滑向頁碼時頁碼的顏色 
    background_hover_color: '#CAE6C6', //設(shè)置鼠標(biāo)滑向頁碼時頁碼背景的顏色 
    images: false, //是否顯示頁碼導(dǎo)航箭頭 
    mouse: 'press', //設(shè)置為'press'時，當(dāng)鼠標(biāo)滑向?qū)Ш郊^時，頁碼隨之滾動；設(shè)置為'slide'時，鼠標(biāo)單擊一次導(dǎo)航箭頭頁碼滾動一次。 
    onChange: function(page) { //當(dāng)單擊頁碼時，回調(diào)函數(shù). 
    $("#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; //每頁顯示數(shù) 
$page = ceil($total / $pagesize); //總頁數(shù) 
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插件實現(xiàn)無刷新分頁”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！