引入jquery外掛程式
引入page.js檔案(在文章的最後面)
css:
/* 外面盒子樣式---自己定義 */
.page_div
/* 頁數按鈕樣式 */
.page_div button
#firstpage, #lastpage, #nextpage, #prepage
#nextpage, #prepage
.page_div .current
/* 頁面數量 */
.totalpages
.totalpages span, .totalsize span
/*button禁用*/
.page_div button:disabled
html:
"page" class=
"page_div"
>
<
/div>
關鍵js**:
$
("#page").
paging(}
);
page.js檔案:
function
paging
(element, options)
;this
.init()
;}paging.prototype =
, createhtml:
function()
else
} content.
push
(". . .");
content.
push(""
+ totalnum +"")
;}else
else
} content.
push
(". . .");
content.
push(""
+ totalnum +"")
;}else
else}}
}}else
else}}
content.
push
("尾頁);
content.
push
("共 "
+ totalnum +
" 頁 ");
content.
push
("共"
+ totallist +
" 條記錄 ");
me.element.
html
(content.
join(''
));settimeout
(function()
,20);
}, bindevent:
function()
}else
if(id ===
'nextpage')}
else
if(id ===
'firstpage')}
else
if(id ===
'lastpage')}
else
me.createhtml()
;if(me.options.callback)})
;}, dis:
function()
else
if(pagenum === totalnum)}}
;$.fn.
paging
=function
(options)
;
mysql原生分頁語句 mysql原生分頁
select from table limit pageno 1 pagesize,pagesize 一 分頁需求 客戶端通過傳遞start 頁碼 limit 每頁顯示的條數 兩個引數去分頁查詢資料庫表中的資料,那我們知道mysql資料庫提供了分頁的函式limit m,n,但是該函式的用法和我們的需...
php原生分頁
自己寫乙個原生php分頁 link mysql connect localhost 使用者名稱 密碼 mysql select db 資料庫名稱 link mysql query set names utf8 result mysql query select from 表名 count mysql...
JS簡單原生分頁
html部分隨便寫即可 不同需求寫不同樣式 html 這裡簡單些乙個ul標籤用來寫入內容 odd呢代表我們分頁要寫入的a標籤頁數 這裡後台我用到了node來書寫,不過原理是相通的,用其他後端語言也是可以實現的。node const express require express 建立乙個伺服器 co...