Эффект:
HTML:
Скопируйте код кода следующим образом:
<div id="page"></div>
использование:
Скопируйте код кода следующим образом:
вар всего = 310;
вар номер страницы = 1;
var pageCount = 31;//Сколько всего страниц?
вар PageSize = 10;
var actionName = "list.action";
varotherParam = "&name='www'&order='time'";
$(функция(){
разбивать на страницы();//разбивать на страницы}
);
CSS:
Скопируйте код кода следующим образом:
#страница{
размер шрифта: 14 пикселей;
ясно: оба;
отступ-верх: 1,45em;
пробел: nowrap;
}
#страница а{
фон: белый;
граница: сплошная 1 пиксель #E7ECF0;
отображение: встроенный блок;
высота: 22 пикселей;
высота строки: 22 пикселей;
поле справа: 5 пикселей;
выравнивание текста: по центру;
текстовое оформление: нет;
вертикальное выравнивание: по середине;
ширина: 23 пикселя;
}
#pagePre,#pageNext{
}
.pageCurrent{
начертание шрифта: жирный;
}
js:
Скопируйте код кода следующим образом:
функция mcPaginate(){
вар $pageDiv = $("#page");
actionName = actionName + "?pageSize="+pageSize;
if(typeofotherParam != 'неопределено' &&otherParam != ""){
ИмяДействия = ИмяДействия + ДругиеПарам;
}
$pageDiv.append("page"+pageNo+"/total"+pageCount+"page");
//Предыдущая страница
если (номер страницы > 1) {
var hf = actionName + "&pageNo="+(pageNo-1);
$pageDiv.append("<a href="+hf+"' style='width: 65px;'>"+"Предыдущая страница"+"</a>");
};
если (pageCount <= размер страницы) {
for(var я=0; я <pageCount; я++){
var hf = actionName + "&pageNo="+(i+1);
if(pageNo == (i+1)){//Текущая страница
$pageDiv.append("<a href="+hf+"' class='pageCurrent'>"+pageNo+"</a>");
}еще{
$pageDiv.append("<a href="+hf+"'>"+(i+1)+"</a>");
};
};
}еще{
for(var i=0; я <pageSize; я++){
вар MidIndex = 0;
если(pageSize%2 == 0){
MidIndex = размер страницы/2 - 1;
}еще{
MidIndex = размер страницы/2;
}
вар число = -midIndex;
вар showPageNum = номер страницы+i+num;
if(showPageNum > 0 && showPageNum <= pageCount){
var hf = actionName + "&pageNo="+showPageNum;
if(pageNo == showPageNum){//Текущая страница
$pageDiv.append("<a href="+hf+"' class='pageCurrent'>"+showPageNum+"</a>");
}еще{
$pageDiv.append("<a href=""+hf+"'>"+showPageNum+"</a>");
};
};
};
}
//Следующая страница
если (номер страницы <pageCount) {
var hf = actionName + "&pageNo="+(pageNo+1);
$pageDiv.append("<a href="+hf+"' style='width: 65px;'>"+"Следующая страница"+"</a>");
};
$pageDiv.append("Перейти к "+"<input type='text' class='goNum' style='width:30px;' name='goNum'>page<input type='button' name='goButton' class='goButton' value='OK'>");
$(".goButton").click(function(){
вар goNum = $(".goNum").val();
если(goNum!=""){
window.location.href = actionName + "&pageNo="+goNum;
}
});
};