효과:
HTML :
다음과 같이 코드 코드를 복사하십시오.
<div id = "page"> </div>
용법:
다음과 같이 코드 코드를 복사하십시오.
var total = 310;
var pageno = 1;
var pagecount = 31;
var pagesize = 10;
var actionName = "list.action";
var otherparam = "& name = 'www'& order = 'time'";
$ (function () {
Pagitate (); // page}
);
CSS :
다음과 같이 코드 코드를 복사하십시오.
#Page {
글꼴 크기 : 14px;
Clear : 둘 다;
패딩 탑 : 1.45EM;
흰색 공간 : Nowrap;
}
#page a {
배경 : 흰색;
테두리 : 1px 고체 #e7ecf0;
디스플레이 : 인라인 블록;
높이 : 22px;
라인 높이 : 22px;
마진 오른쪽 : 5px;
텍스트 정렬 : 센터;
텍스트 결정 : 없음;
수직 정상 : 중간;
너비 : 23px;
}
#pagepre,#pagnext {
}
.Pagecurrent {
글꼴 중량 : 대담한;
}
JS :
다음과 같이 코드 코드를 복사하십시오.
함수 mcpaginal () {) {)
var $ paydiv = $ ( "#Page");
ActionName = ActionName + "? pagesize =" + pagesize;
ife OtherParam!
ActionName = ActionName + OtherParam;
}
$ pagediv.apend ( "아니오"+pageno+"page/함께"+pagecount+"page");
// 이전의
if (pageno> 1) {
var hf = actionName + "& pageno =" + (pageno-1);
$ pagediv.append ( "<a href = '"+hf+"'style = 'width : 65px;'>+"마지막 페이지 "+"</a> ");
};
if (pagecount <= pagesize) {
for (var i = 0; i <pagecount; i ++) {
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; i <pagesize; i ++) {
var midindex = 0;
if (pagesize%2 == 0) {{
midindex = pagesize/2-1;
} 또 다른 {
midindex = pagesize/2;
}
var num = -midindex;
var showpagenum = pageno+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> ");
};
};
};
}
// 다음 페이지
if (pageno <pagecount) {
var hf = actionName+"& pageno ="+(pageno+1);
$ pagediv.append ( "<a href = '+hf+"'style = 'width : 65px;'>+"다음 페이지"+"</a>");
};
$ pagediv.append ( "+"<input type = 'text'class = 'gonum'style = '너비 : 30px; class = 'gobutton'value = 'ok'> ");
$ ( ". gobutton").
var gonum = $ ( ". gonum");
if (gonum! = "") {{
Window.location.href = ActionName + "& pageno =" + gonum;
}
});
};