Dies ist Pagenav, ein Paging -Plugin, das mit nativem JavaScript implementiert ist. Die Seitennummer zeigt das JQuery -Plugin. Wenn Sie nur #Pagenav benötigen, wird die Seitennummer angezeigt. Beim Anruf können Sie die GO -Methode nach Bedarf neu schreiben. (JQuery -Abhängigkeiten wurden entfernt). . . .
Der Plugin -Code lautet wie folgt:
/* *************************** author:Keel ([email protected]) ************************ The page number displays the jquery plug-in. Nur wenn #Pagenav benötigt wird, wird die Seitennummer angezeigt. Beim Anruf können Sie die GO -Methode nach Bedarf neu schreiben. (JQuery -Abhängigkeiten wurden entfernt) ***************************** }; // zunächst zu Seite 3 überspringen, insgesamt 33 Seiten pagenav.go (3,33); */var pagenav = pagenav || oder this.pn = 1; return this.phtml2 (1); } if (pn <p) {p = pn; }; var re = ""; // die erste Seite if (p <= 1) {p = 1; } else {// nicht erste Seite re += this.phtml (p - 1, pn, "vorherige Seite"); // Zeigen Sie immer die erste Seitenzahl an. RE += this.phtml (1, pn, "1"); } // Kalibrierungsseitennummer this.p = p; this.pn = pn; // Startseitennummer var start = 2; var end = (pn <9)? PN: 9; // wird die Pre-Elipsis angezeigt, dh die Startseitennummer von mehr als 10 wenn (p> = 7) {re += "..."; Start = P - 4; var e = p + 4; Ende = (pn <e)? PN: E; } für (var i = start; i <p; i ++) {re+= this.phtml (i, pn); }; re += this.phtml2 (p); für (var i = p +1; i <= end; i ++) {re += this.phtml (i, pn); }; if (Ende <pn) {re += "..."; // Zeigen Sie die letzte Seitenzahl an, falls nicht benötigt, den folgenden Satz re += this.phtml (pn, pn); }; if (p <pn) {re + = this.phtml (p + 1, pn, "nächste Seite"); }; return re;}; // Nicht-Strom-Seite pagenav.phtml = function (pageno, pn, showpageno) {showpageno = showpageno || Pageno; var h = "<a href = 'javaScript: pagenav.go (" + pageno + "," + pn + ");' class = 'pagenum'> " + showpageno +" </a> "; return h;}; // Zeigen Sie die aktuelle Seite pagenav.phtml2 = function (pageno) {var h = "<span class = 'cpagenum'>" + pageno + "</span>"; Rückgabe h;}; // Ausgabe -Seitenzahl, Sie können diese Methode nach Bedarf umschreiben. // Wenn Sie JQuery verwenden, können Sie dieses Satz dokument verwenden. if (this.fn! = null) {this.fn (this.p, this.pn); };};
Die Effekte sind wie folgt:
Demo -Adresse: http://demo.vevb.com/js/2014/pagenav/ Wenn Sie ihn benötigen, graben Sie bitte den Code selbst. Es ist sehr einfach, ich werde es nicht zur Verfügung stellen und es direkt herunterladen.