Efecto:
HTML:
Copie el código de código de la siguiente manera:
<div id="página"></div>
uso:
Copie el código de código de la siguiente manera:
vartotal = 310;
var número de página = 1;
var pageCount = 31;//¿Cuántas páginas hay en total?
var tamaño de página = 10;
var actionName = "lista.acción";
var otherParam = "&name='www'&order='time'";
$(función(){
paginar();//paginar}
);
CSS:
Copie el código de código de la siguiente manera:
#página{
tamaño de fuente: 14px;
claro: ambos;
parte superior acolchada: 1,45 em;
espacio en blanco: nowrap;
}
#página a{
fondo: blanco;
borde: 1px sólido #E7ECF0;
pantalla: bloque en línea;
altura: 22 píxeles;
altura de línea: 22px;
margen derecho: 5px;
alineación de texto: centro;
decoración de texto: ninguna;
alineación vertical: medio;
ancho: 23px;
}
#páginaPre,#páginaSiguiente{
}
.páginaActual{
peso de fuente: negrita;
}
js:
Copie el código de código de la siguiente manera:
función mcPaginate(){
var $páginaDiv = $("#página");
NombreAcción = NombreAcción + "?TamañoPágina="+TamañoPágina;
if(tipo de otroParam!= 'indefinido' && otroParam!= ""){
NombreAcción = NombreAcción + otroParam;
}
$pageDiv.append("página"+númerodepágina+"/total"+pageCount+"página");
//Página anterior
si(número de página > 1){
var hf = nombreAcción + "&pageNo="+(pageNo-1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"Página anterior"+"</a>");
};
if(pageCount <= tamaño de página){
for(var i=0; i < pageCount; i++){
var hf = nombreAcción + "&pageNo="+(i+1);
if(pageNo == (i+1)){//Página actual
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+pageNo+"</a>");
}demás{
$pageDiv.append("<a href='"+hf+"'>"+(i+1)+"</a>");
};
};
}demás{
for(var i=0; i < tamaño de página; i++){
var índice medio = 0;
si(tamañodepágina%2 == 0){
midIndex = tamaño de página/2 - 1;
}demás{
midIndex = tamaño de página/2;
}
var número = -midIndex;
var showPageNum = número de página+i+num;
if(showPageNum > 0 && showPageNum <= pageCount){
var hf = nombreAcción + "&pageNo="+showPageNum;
if(pageNo == showPageNum){//Página actual
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+showPageNum+"</a>");
}demás{
$pageDiv.append("<a href='"+hf+"'>"+showPageNum+"</a>");
};
};
};
}
//Página siguiente
if(número de página <número de páginas){
var hf = nombreAcción + "&númeropágina="+(númeropágina+1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"Siguiente página"+"</a>");
};
$pageDiv.append("Ir a "+"<tipo de entrada='text' clase='goNum' estilo='ancho:30px;' nombre='goNum'>página<tipo de entrada='botón' nombre='goButton' class='goButton' valor='OK'>");
$(".goButton").hacer clic(función(){
var goNum = $(".goNum").val();
si(goNum!=""){
ventana.ubicación.href = nombreAcción + "&pageNo="+goNum;
}
});
};