ผล:
HTML:
คัดลอกรหัสรหัสดังต่อไปนี้:
<div id="หน้า"></div>
การใช้งาน:
คัดลอกรหัสรหัสดังต่อไปนี้:
รวมทั้งหมด = 310;
var หน้าหมายเลข = 1;
var pageCount = 31;//มีทั้งหมดกี่หน้า?
var ขนาดหน้า = 10;
var actionName = "รายการการกระทำ";
var otherParam = "&name='www'&order='time'";
$(ฟังก์ชั่น(){
เลขหน้า();//เลขหน้า}
-
ซีเอสเอส:
คัดลอกรหัสรหัสดังต่อไปนี้:
#หน้าหนังสือ{
ขนาดตัวอักษร: 14px;
ชัดเจน: ทั้งสอง;
แผ่นรองด้านบน: 1.45em;
พื้นที่สีขาว: nowrap;
-
#หน้าก{
พื้นหลัง: สีขาว;
เส้นขอบ: 1px ทึบ #E7ECF0;
จอแสดงผล: อินไลน์บล็อก;
ความสูง: 22px;
ความสูงของบรรทัด: 22px;
ขอบขวา: 5px;
การจัดแนวข้อความ: กึ่งกลาง;
การตกแต่งข้อความ: ไม่มี;
แนวตั้ง-จัด: กลาง;
ความกว้าง: 23px;
-
#pagePre,#pageNext{
-
.pageปัจจุบัน{
น้ำหนักตัวอักษร: ตัวหนา;
-
js:
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชัน mcPaginate(){
var $pageDiv = $("#หน้า");
actionName = actionName + "?pageSize="+pageSize;
if(typeof otherParam != 'ไม่ได้กำหนด' && otherParam != ""){
actionName = actionName + พารามิเตอร์อื่น ๆ;
-
$pageDiv.append("page"+pageNo+"/total"+pageCount+"page");
//หน้าที่แล้ว
ถ้า (หมายเลขหน้า > 1){
var hf = actionName + "&pageNo="+(pageNo-1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"หน้าก่อน"+"</a>");
-
ถ้า (จำนวนหน้า <= ขนาดหน้า){
สำหรับ (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>");
-
-
}อื่น{
สำหรับ (var i=0; i < pageSize; i++){
var midIndex = 0;
ถ้า (ขนาดหน้า%2 == 0){
midIndex = ขนาดหน้า/2 - 1;
}อื่น{
midIndex = ขนาดหน้า/2;
-
var num = -midIndex;
var showPageNum = pageNo+i+num;
ถ้า(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>");
-
-
-
-
//หน้าถัดไป
ถ้า (หมายเลขหน้า < จำนวนหน้า){
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'>หน้า<input type='button' name='goButton' class='goButton' value='ตกลง'>");
$(".goButton").คลิก(ฟังก์ชั่น(){
var goNum = $(".goNum").val();
ถ้า(goNum!=""){
window.location.href = actionName + "&pageNo="+goNum;
-
-
-