Wirkung:
HTML:
Kopieren Sie den Code -Code wie folgt:
<div id = "page"> </div>
Verwendung:
Kopieren Sie den Code -Code wie folgt:
var insgesamt = 310;
var pageno = 1;
Var pagecount = 31;
var pageSize = 10;
var actionname = "list.action";
var otherparam = "& name = 'www' & order = 'time'";
$ (function () {
paginate ();
);
CSS:
Kopieren Sie den Code -Code wie folgt:
#Seite {
Schriftgröße: 14px;
Klar: beides;
Padding-Top: 1,45EM;
Weißer Raum: Nowrap;
}
#Page a {
Hintergrund: weiß;
Grenze: 1PX Solid #e7ecf0;
Anzeige: Inline-Block;
Höhe: 22px;
Zeilenhöhe: 22px;
Rand-Rechts: 5px;
Text-Align: Mitte;
Textdekoration: Keine;
vertikaler Align: Mitte;
Breite: 23px;
}
#PagePre,#pagnext {
}
.Pagecurrent {
Schriftgewicht: fett;
}
JS:
Kopieren Sie den Code -Code wie folgt:
Funktion mcpaginal () {) {)
var $ paydiv = $ ("#Page");
actionName = actionName + "? pageSize =" + pageSize;
If Otherparam!
actionName = actionName + otherparam;
}
$ Pagagediv.apend ("no."+Pageno+"Seite/zusammen"+PageCount+"Seite");
// Vorherige
if (pageno> 1) {
var hf = actionName + "& pageno =" + (pageno-1);
$ Pagagediv.append ("<a href = '"+hf+"' style = 'width: 65px;'>+" letzte Seite "+" </a> ");
};
If (pageCount <= pageSize) {
für (var i = 0; i <pagecount; i ++) {
var hf = actionName+"& pageno ="+(i+1);
if (pageno == (i+1)) {// aktuelle Seite
$ Pagediv.Append ("<a href = '"+hf+"' class = 'pagecurrent'>"+pageno+"</a>");
} Anders {
$ Pagagediv.append ("<a href = '"+hf+"'>"+(i+1)+"</a>");
};
};
} Anders {
für (var i = 0; i <pageSize; i ++) {
Var Midindex = 0;
if (pageSize%2 == 0) {{{{{{{{{{{{{
MidIndex = pageSize/2-1;
} Anders {
Midindex = pageSize/2;
}
var num = -midindex;
var showpagenum = pageno+i+num;
if (showpagenum> 0 && showpagenum <= pagecount) {
var hf = actionName + "& pageno =" + showpagenum;
if (pageno == showpagenum) {// aktuelle Seite
$ Pagagediv.append ("<a href = '"+hf+"' class = 'pagecurrent'>"+showpagenum+"</a>");
} Anders {
$ Pagediv.append ("<a href = '"+hf+"'>"+showpagenum+"</a>");
};
};
};
}
// nächste Seite
if (pageno <pagecount) {
var hf = actionName+"& pageno ="+(pageno+1);
$ Pagagediv.append ("<a href = '"+hf+"' style = 'width: 65px;'>+" nächste Seite "+" </a> ");
};
$ Pagediv.append ("wenden Sie sich an"+"<Eingabe type = 'text' class = 'gonum' style = 'width: 30px;' name = 'gonum'> Seite <Eingabe type = 'Button' name = 'Sobutton' ' class = 'sobutton' value = 'ok'> ");
$ (". Dobutton").
var gonum = $ (". gonum").
if (gonum! = "") {{{{{{{{{{{{{{{{{{
Window.location.href = actionName + "& pageno =" + gonum;
}
});
};