Este es Pagenav, un complemento de paginación implementado utilizando JavaScript nativo. El número de página muestra el complemento jQuery. Si solo necesita #pagenav, se mostrará el número de página. Al llamar, puede reescribir el método GO según sea necesario. (Se han eliminado las dependencias de jQuery). . . .
El código del complemento es el siguiente:
/****************************** Autor: Keel ([email protected]) ************************************* La página muestra el complemento jQuery. Solo si se necesita #pagenav, se mostrará el número de página. Al llamar, puede reescribir el método GO según sea necesario. (Jquery dependencies have been removed) ********************************* Example (Note: Put an html object with id pageNav on the page): // The custom method triggered when going to the page number, p is the current page number, and pn is the total number of pages pageNav.fn = function(p,pn){ alert(p+","+pn); }; // Inicialmente, salte a la página 3, un total de 33 páginas pagenav.go (3,33); */var pagenav = pagenav || {}; pagenav.fn = null; // p es el número de página actual, pn es el número total de páginas pagenav.nav = function (p, pn) {// solo una página, muestra directamente 1 if (pn <= 1) {this.p = 1; this.pn = 1; devolver esto.phtml2 (1); } if (pn <p) {p = pn; }; var re = ""; // la primera página if (p <= 1) {p = 1; } else {// no la primera página re += this.phtml (p - 1, pn, "página anterior"); // Siempre muestre el primer número de página Re += this.phtml (1, PN, "1"); } // número de página de calibración this.p = p; this.pn = pn; // Número de página de inicio var inicio = 2; var end = (pn <9)? PN: 9; // ¿Se muestra el pre-villipsis, es decir, el número de página de inicio superior a 10 if (p> = 7) {re += "..."; inicio = P - 4; var e = p + 4; end = (pn <e)? PN: E; } for (var i = start; i <p; i ++) {re+= this.phtml (i, pn); }; re += this.phtml2 (p); for (var i = p +1; i <= end; i ++) {re += this.phtml (i, pn); }; if (end <pn) {re += "..."; // Mostrar el último número de página, si no es necesario, elimine la siguiente oración re += this.phtml (pn, pn); }; if (p <pn) {re + = this.phtml (p + 1, pn, "página siguiente"); }; return re;}; // Mostrar página no corriente pagenav.phtml = function (pageno, pn, showPageno) {showPageno = showPageno || pageno; var h = "<a href = 'javascript: pagenav.go (" + pageno + "," + pn + ");' class = 'Pagenum'> " + showPageno +" </a> "; return h;}; // Mostrar la página actual pagenav.phtml2 = function (pageno) {var h = "<span class = 'cpagenum'>" + pageno + "</span>"; return h;}; // Número de página de salida, puede reescribir este método según sea necesario pagenav.go = function (p, pn) {//$("#pagenav").html(this.nav(p,pn)); // Si usa jQuery, puede usar este documento de oración. GetElementById ("Pagenav"). InnerHtml = this.nav (P, Pn); if (this.fn! = null) {this.fn (this.p, this.pn); };};
Los efectos son los siguientes:
Dirección de demostración: http://demo.vevb.com/js/2014/pagenav/ Si lo necesita, excave el código usted mismo. Es muy simple, no lo proporcionaré y lo descargaré directamente.