Efeito:
HTML:
Copie o código do código da seguinte forma:
<div id="página"></div>
uso:
Copie o código do código da seguinte forma:
var total = 310;
var páginaNo = 1;
var pageCount = 31;//Quantas páginas existem no total?
var tamanhoPágina = 10;
var actionName = "lista.action";
var otherParam = "&name='www'&order='time'";
$(função(){
paginar(); //paginar}
);
css:
Copie o código do código da seguinte forma:
#página{
tamanho da fonte: 14px;
claro: ambos;
acolchoamento superior: 1,45em;
espaço em branco: nowrap;
}
#página a{
fundo: branco;
borda: 1px sólido #E7ECF0;
display: bloco embutido;
altura: 22px;
altura da linha: 22px;
margem direita: 5px;
alinhamento de texto: centro;
decoração de texto: nenhuma;
alinhamento vertical: meio;
largura: 23px;
}
#páginaPré,#páginaPróxima{
}
.pageCurrent{
peso da fonte: negrito;
}
js:
Copie o código do código da seguinte forma:
função mcPaginate(){
var $páginaDiv = $("#página");
actionName = actionName + "?pageSize="+pageSize;
if(typeof otherParam != 'indefinido' && otherParam != ""){
actionName = actionName + outroParam;
}
$pageDiv.append("página"+pageNo+"/total"+pageCount+"página");
//Página anterior
if(páginaNo > 1){
var hf = actionName + "&pageNo="+(pageNo-1);
$pageDiv.append("<a href='"+hf+"' style='largura: 65px;'>"+"Página anterior"+"</a>");
};
if(pageCount <= pageSize){
for(var i=0; i < contagem de páginas; i++){
var hf = actionName + "&pageNo="+(i+1);
if(pageNo == (i+1)){//Página atual
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+pageNo+"</a>");
}outro{
$pageDiv.append("<a href='"+hf+"'>"+(i+1)+"</a>");
};
};
}outro{
for(var i=0; i < pageSize; i++){
var índice médio = 0;
if(tamanhopágina%2 == 0){
midIndex = pageSize/2 - 1;
}outro{
midIndex = pageSize/2;
}
var num = -midIndex;
var showPageNum = pageNo+i+num;
if(showPageNum > 0 && showPageNum <= pageCount){
var hf = actionName + "&pageNo="+showPageNum;
if(pageNo == showPageNum){//Página atual
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+showPageNum+"</a>");
}outro{
$pageDiv.append("<a href='"+hf+"'>"+showPageNum+"</a>");
};
};
};
}
//Próxima página
if(páginaNo < pageCount){
var hf = actionName + "&pageNo="+(pageNo+1);
$pageDiv.append("<a href='"+hf+"' style='largura: 65px;'>"+"Próxima página"+"</a>");
};
$pageDiv.append("Vá para "+"<input type='text' class='goNum' style='width:30px;' name='goNum'>page<input type='button' name='goButton' class='goButton' valor='OK'>");
$(".goButton").click(função(){
var goNum = $(".goNum").val();
if(goNum!=""){
window.location.href = actionName + "&pageNo="+goNum;
}
});
};