Ini adalah Pagenav, plugin paging yang diimplementasikan menggunakan JavaScript asli. Nomor halaman menunjukkan plugin jQuery. Jika Anda hanya membutuhkan #Pagenav, nomor halaman akan ditampilkan. Saat menelepon, Anda dapat menulis ulang metode GO sesuai kebutuhan. (Ketergantungan jQuery telah dihapus). . . .
Kode plugin adalah sebagai berikut:
/**************************** Author: Keel ([email protected]) ********************** Nomor halaman menampilkan plug-in jQuery. Hanya jika #Pagenav diperlukan, nomor halaman akan ditampilkan. Saat menelepon, Anda dapat menulis ulang metode GO sesuai kebutuhan. (Ketergantungan jQuery telah dihapus) ********************************* (Catatan: Letakkan objek HTML dengan ID Pagenav pada halaman): // Metode khusus yang dipicu saat pergi ke nomor halaman, p adalah nomor halaman saat ini, dan pn adalah jumlah total halaman halaman halaman halaman (pn = pn = pn) (pn) (pn) (pn pagenav (p, pn) (pn) (pn pagenav.f, p, pn) (pn) (pn pagenav.f, p, pn) (pn) (pn pagenav. }; // Awalnya lewati ke halaman 3, total 33 halaman pagenav.go (3,33); */var pagenav = pagenav || {}; pagenav.fn = null; // p adalah nomor halaman saat ini, pn adalah jumlah total halaman pagenav.nav = function (p, pn) {// Hanya satu halaman, langsung menampilkan 1 if (pn <= 1) {this.p = 1; this.pn = 1; kembalikan this.phtml2 (1); } if (pn <p) {p = pn; }; var re = ""; // halaman pertama jika (p <= 1) {p = 1; } else {// bukan halaman pertama re += this.phtml (p - 1, pn, "halaman sebelumnya"); // Selalu tampilkan nomor halaman pertama re += this.phtml (1, pn, "1"); } // nomor halaman kalibrasi this.p = p; this.pn = pn; // Mulai nomor halaman var start = 2; var end = (pn <9)? PN: 9; // Apakah pra-ellipsis ditampilkan, yaitu, nomor halaman start lebih besar dari 10 if (p> = 7) {re += "..."; mulai = p - 4; var e = p + 4; end = (pn <e)? PN: E; } untuk (var i = start; i <p; i ++) {re+= this.phtml (i, pn); }; re += this.phtml2 (p); untuk (var i = p +1; i <= end; i ++) {re += this.phtml (i, pn); }; if (end <pn) {re += "..."; // Tunjukkan nomor halaman terakhir, jika tidak diperlukan, hapus kalimat berikut re += this.phtml (pn, pn); }; if (p <pn) {re + = this.phtml (p + 1, pn, "halaman berikutnya"); }; return re;}; // tunjukkan halaman non-arus pagenav.phtml = function (pageno, pn, showpageno) {showpageno = showpageno || Pageno; var h = "<a href = 'javascript: pagenav.go (" + pageno + "," + pn + ");' class = 'pagenum'> " + showpageno +" </a> "; return h;}; // tunjukkan halaman saat ini pagenav.phtml2 = function (pageno) {var h = "<span class = 'cpagenum'>" + pageno + "</span>"; kembalikan h;}; // nomor halaman output, Anda dapat menulis ulang metode ini sesuai kebutuhan pagenav.go = function (p, pn) {//$("#pagenav").html(this.nav(p,pn)); // Jika Anda menggunakan jQuery, Anda dapat menggunakan dokumen kalimat ini.getElementById ("pagenav"). Innerhtml = this.nav (p, pn); if (this.fn! = null) {this.fn (this.p, this.pn); };};
Efeknya adalah sebagai berikut:
Alamat demo: http://demo.vevb.com/js/2014/pagenav/ Jika Anda membutuhkannya, silakan gali kode sendiri. Ini sangat sederhana, saya tidak akan menyediakannya dan mengunduhnya secara langsung.