本篇內(nèi)容主要講解“怎么用PHP+jPaginate插件實(shí)現(xiàn)無(wú)刷新分頁(yè)”,感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用PHP+jPaginate插件實(shí)現(xiàn)無(wú)刷新分頁(yè)”吧!
創(chuàng)新互聯(lián)公司云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、珉田數(shù)據(jù)中心、云服務(wù)器、虛擬空間、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn),已先后獲得國(guó)家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬空間、空間域名、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。
jPaginate是一款動(dòng)感滾動(dòng)分頁(yè)插件,它的表現(xiàn)形式是像分頁(yè)的按鈕一樣,有意思的是這些按鈕卻可以左右滾動(dòng),
可以通過單擊或鼠標(biāo)滑向點(diǎn)兩側(cè)的小箭頭來控制按鈕的左右滾動(dòng)。
讀取第一頁(yè)數(shù)據(jù):
' . $pubdate . '' . $row['title'] . ''; } mysql_close(); ?>
分頁(yè)參數(shù):
$("#demo3").paginate({ count: , //總記錄數(shù) start: 1, //開始顯示的頁(yè)數(shù) display: 5, //分頁(yè)條顯示的頁(yè)數(shù) border: true, //是否顯示頁(yè)碼的邊框 border_color: '#BEF8B8', //設(shè)置邊框的顏色 text_color: '#79B5E3', //設(shè)置頁(yè)碼的顏色 background_color: '#E3F2E1', //設(shè)置頁(yè)碼的背景色 border_hover_color: '#68BA64', //設(shè)置鼠標(biāo)滑向頁(yè)碼時(shí)頁(yè)碼邊框的顏色 text_hover_color: '#2573AF', //設(shè)置鼠標(biāo)滑向頁(yè)碼時(shí)頁(yè)碼的顏色 background_hover_color: '#CAE6C6', //設(shè)置鼠標(biāo)滑向頁(yè)碼時(shí)頁(yè)碼背景的顏色 images: false, //是否顯示頁(yè)碼導(dǎo)航箭頭 mouse: 'press', //設(shè)置為'press'時(shí),當(dāng)鼠標(biāo)滑向?qū)Ш郊^時(shí),頁(yè)碼隨之滾動(dòng);設(shè)置為'slide'時(shí),鼠標(biāo)單擊一次導(dǎo)航箭頭頁(yè)碼滾動(dòng)一次。 onChange: function(page) { //當(dāng)單擊頁(yè)碼時(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; //每頁(yè)顯示數(shù) $page = ceil($total / $pagesize); //總頁(yè)數(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 '' . $pubdate . '' . $row['title'] . '
'; } }
到此,相信大家對(duì)“怎么用PHP+jPaginate插件實(shí)現(xiàn)無(wú)刷新分頁(yè)”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!