Это Pagenav, плагин, реализованный с использованием Native JavaScript. Номер страницы показывает плагин jQuery. Если вам нужен только #pagenav, будет отображаться номер страницы. При звонке вы можете переписать метод GO по мере необходимости. (JQuery -зависимости были удалены). Полем Полем Полем
Код плагина заключается в следующем:
/**************************** Только если #Pagenav потребуется, будет отображаться номер страницы. При звонке вы можете переписать метод GO по мере необходимости. (Зависимости от jquery были удалены) ******************************* Пример (примечание: поместите объект HTML с ID pagenav на странице): // Пользовательский метод, запускаемый при первом обращении к номеру страницы, P - номер текущего страницы, а PN - это общее число Page Pagenav.fn = function (p, pn) {p+»; }; // Первоначально пропустите на стр. 3, в общей сложности 33 страницы Pagenav.go (3,33); */var pagenav = pagenav || {}; pagenav.fn = null; // p - текущий номер страницы, Pn - это общее количество страниц pagenav.nav = function (p, pn) {// только одна страница, непосредственно отображение 1 if (pn <= 1) {this.p = 1; this.pn = 1; вернуть это.phtml2 (1); } if (pn <p) {p = pn; }; var re = ""; // первая страница if (p <= 1) {p = 1; } else {// не первая страница re += this.phtml (p - 1, pn, "предыдущая страница"); // всегда отображать номер первой страницы re += this.phtml (1, pn, "1"); } // Номер страницы калибровки this.p = p; this.pn = pn; // начало номера страницы var start = 2; var end = (pn <9)? ПН: 9; // Отображается ли предварительная эллипсис, то есть номер начальной страницы, превышающий 10 if (p> = 7) {re += "..."; "; start = 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 += "..."; "; // Показать номер последней страницы, если не требуется, удалите следующее предложение re += this.phtml (pn, pn); }; if (p <pn) {re + = this.phtml (p + 1, pn, "следующая страница"); }; return re;}; // Показать некременную страницу pagenav.phtml = function (pageno, pn, showpageno) {showpageno = showpageno || Пагено; var h = "<a href = 'javascript: pagenav.go (" + pageno + "," + pn + ");' class = 'pagenum'> " + showpageno +" </a> "; return h;}; // Показать текущую страницу pagenav.phtml2 = function (pageno) {var h = "<span class = 'cpagenum'>" + pageno + "</span>"; return h;}; // Номер вывода, вы можете переписать этот метод по мере необходимости pagenav.go = function (p, pn) {//$("#pagenav").html(This.nav(p,pn)); // Если вы используете jQuery, вы можете использовать это предложение Document.getElementById ("pagenav"). Innerhtml = this.nav (p, pn); if (this.fn! = null) {this.fn (this.p, this.pn); };};Эффекты следующие:
Демо -адрес: http://demo.vevb.com/js/2014/pagenav/ Если вам это нужно, выкопайте код самостоятельно. Это очень просто, я не буду предоставлять его и загружать напрямую.