jPaginate是基于jQuery的動(dòng)感滾動(dòng)分頁插件，它的表現(xiàn)形式是像分頁的按鈕一樣，非常有意思的是這些按鈕卻可以滾動(dòng)，可以通過單擊或鼠標(biāo)滑向點(diǎn)兩側(cè)的小箭頭來控制按鈕的前后滾動(dòng)。

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

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

}

mysql_close();

?>

jQuery

$("#demo3").paginate({

count: , //總記錄數(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)滑向頁碼時(shí)頁碼邊框的顏色

text_hover_color: '#2573AF', //設(shè)置鼠標(biāo)滑向頁碼時(shí)頁碼的顏色

background_hover_color: '#CAE6C6', //設(shè)置鼠標(biāo)滑向頁碼時(shí)頁碼背景的顏色

images: false, //是否顯示頁碼導(dǎo)航箭頭

mouse: 'press', //設(shè)置為'press'時(shí)，當(dāng)鼠標(biāo)滑向?qū)Ш郊^時(shí)，頁碼隨之滾動(dòng)；設(shè)置為'slide'時(shí)，鼠標(biāo)單擊一次導(dǎo)航箭頭頁碼滾動(dòng)一次。

onChange: function(page) { //當(dāng)單擊頁碼時(shí)，回調(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 '

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請注明出處，感謝您的尊重！

總結(jié)

以上是生活随笔為你收集整理的php无刷新分页插件,jQuery插件jPaginate实现无刷新分页_jquery的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。