Memengaruhi:
html:
Copy kode kodenya sebagai berikut:
<div id="halaman"></div>
penggunaan:
Copy kode kodenya sebagai berikut:
var jumlah = 310;
var nomor halaman = 1;
var pageCount = 31;//Berapa jumlah total halamannya?
var ukuran halaman = 10;
var actionName = "daftar.aksi";
var otherParam = "&nama='www'&order='waktu'";
$(fungsi(){
penomoran halaman();//penomoran halaman}
);
css:
Copy kode kodenya sebagai berikut:
#halaman{
ukuran font: 14px;
jelas: keduanya;
bantalan atas: 1,45em;
spasi putih: nowrap;
}
#halaman a{
latar belakang: putih;
batas: 1 piksel padat #E7ECF0;
tampilan: blok sebaris;
tinggi: 22 piksel;
tinggi garis: 22px;
margin-kanan: 5px;
perataan teks: tengah;
dekorasi teks: tidak ada;
perataan vertikal: tengah;
lebar: 23 piksel;
}
#halamanPra,#halamanBerikutnya{
}
.halamanSaat Ini{
berat font: tebal;
}
js:
Copy kode kodenya sebagai berikut:
fungsi mcPaginate(){
var $pageDiv = $("#halaman");
namatindakan = namatindakan + "?pageSize="+ukuranhalaman;
if(typeof otherParam != 'tidak terdefinisi' && otherParam != ""){
nama tindakan = nama tindakan + Param lainnya;
}
$pageDiv.append("halaman"+Nohalaman+"/total"+hitunganhalaman+"halaman");
//Halaman sebelumnya
if(No.halaman > 1){
var hf = namatindakan + "&Nohalaman="+(Nohalaman-1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"Halaman sebelumnya"+"</a>");
};
if(Jumlah halaman <= Ukuran halaman){
untuk(var i=0; saya < jumlah halaman; i++){
var hf = namatindakan + "&Nohalaman="+(i+1);
if(pageNo == (i+1)){//Halaman saat ini
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+pageNo+"</a>");
}kalau tidak{
$pageDiv.append("<a href='"+hf+"'>"+(i+1)+"</a>");
};
};
}kalau tidak{
untuk(var i=0; saya < Ukuran halaman; i++){
var indeks tengah = 0;
jika(Ukuran halaman%2 == 0){
indeks tengah = Ukuran halaman/2 - 1;
}kalau tidak{
indeks tengah = Ukuran halaman/2;
}
var angka = -midIndex;
var showPageNum = Nohalaman+i+num;
jika(showPageNum > 0 && showPageNum <= pageCount){
var hf = namatindakan + "&pageNo="+showPageNum;
if(pageNo == showPageNum){//Halaman saat ini
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+showPageNum+"</a>");
}kalau tidak{
$pageDiv.append("<a href='"+hf+"'>"+showPageNum+"</a>");
};
};
};
}
//Halaman selanjutnya
if(Nomor halaman < Jumlah halaman){
var hf = namatindakan + "&Nohalaman="+(Nohalaman+1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"Halaman berikutnya"+"</a>");
};
$pageDiv.append("Buka "+"<input type='text' class='goNum' style='width:30px;' name='goNum'>halaman<input type='button' name='goButton' kelas='goButton' nilai='OK'>");
$(".goButton").klik(fungsi(){
var goNum = $(".goNum").val();
jika(goNum!=""){
window.location.href = nama tindakan + "&pageNo="+goNum;
}
});
};