js jQuery 原生分頁器

2021-10-02 16:54:53 字數 1831 閱讀 5220

引入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...