PHP+jPaginate外掛製作無重新整理分頁例項
jPaginate是一款動感滾動分頁外掛,它的表現形式是像分頁的按鈕一樣,有意思的是這些按鈕卻可以左右滾動,
可以透過單擊或滑鼠滑向點兩側的小箭頭來控制按鈕的左右滾動。
讀取第一頁資料:
<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="['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; } mysql_close(); ?> </div>
分頁引數:
$("#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="['id'] . '.html" target="_blank">' . $row['title'] . '</a></p>'; } }
本文轉自: 轉載請註明出處!
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31545264/viewspace-2676144/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 網頁外掛製作網頁
- Stacks網頁佈局製作外掛網頁
- jquery分頁外掛jQuery
- mybatis generator外掛系列--分頁外掛MyBatis
- Dreamweaver網頁製作教程:表格設計例項網頁
- myBatis分頁外掛配置MyBatis
- 如何製作 Sketch 外掛
- jquery外掛開發例項jQuery
- WordPress外掛開發例項教程 - 版權外掛
- mybatis plus 新增分頁外掛MyBatis
- Ajax 實現無重新整理分頁
- 禁止重新整理網頁例項程式碼網頁
- 「12步」製作 Laravel 外掛 (一)Laravel
- jQuery如何製作自定義外掛jQuery
- jquery tip外掛程式碼例項jQuery
- jquery寫的ajax分頁外掛jQuery
- mybatisPlus分頁外掛的使用MyBatis
- flutter使用platform-channels製作外掛FlutterPlatform
- npm製作外掛、釋出及更新NPM
- jQuery外掛製作簡單介紹jQuery
- xlam外掛製作實驗手冊
- Smint – 用於單頁網站製作 jQuery導航選單外掛網站jQuery
- 簡單好用的無重新整理上傳外掛
- mybatis的三發外掛:分頁pagehelpMyBatis
- Hadoop2.4.0 Eclipse外掛製作HadoopEclipse
- 外掛製作--------過NP技術漸漸
- 使用mybatis分頁外掛展示首頁最新視訊MyBatis
- 製作PHP的RPM包例項PHP
- 【深入淺出MyBatis系列七】分頁外掛MyBatis
- PageHelper 分頁外掛使用中的那些“坑”
- MybatisPlus的分頁外掛簡單使用MyBatis
- 無線頁面動畫優化例項動畫優化
- Rainbond的 Gateway API 外掛製作實踐AIGatewayAPI
- 使用parcel替代webpack製作omi-tap外掛Web
- 10個很棒的 jQuery 外掛和製作教程jQuery
- Verilog外掛:補全模組例項模板
- jQuery複製頁面元素程式碼例項jQuery
- (血和淚的成果)使用PageHelper分頁外掛進行後臺分頁