contoh halaman muka depan jQuery sharing_jquery

Apabila orang melakukan paging, kebanyakan mereka mengembalikan rentetan HTML untuk bar navigasi di latar belakang Malah, ia juga mudah untuk dilaksanakan menggunakan js pada bahagian hadapan.

Panggil kaedah kelui, masukkan parameter dan rentetan HTML bar navigasi akan dikembalikan. Bahagian dalaman kaedah ini agak mudah.

Salin kod Kod adalah seperti berikut:

/**
* Saiz halaman, nombor dipaparkan setiap halaman
* pageIndex, nombor halaman semasa
* pageCount Jumlah bilangan halaman
* alamat sambungan url
* Contoh penggunaan alat kelui(10, 1, 5, 'Indeks')
*/
fungsi alat kelui(pageSize, pageIndex, pageCount, url) {
var intPage = 7; //Paparan nombor
var intBeginPage = 0;//Bilangan halaman permulaan
var intEndPage = 0;//Nombor halaman penamat
var intCrossPage = parseInt(intPage / 2); //Nombor yang dipaparkan
var strPage = "

page" pageIndex "/" pageCount " Halaman setiap halaman< ;font color='#FF0000'>" pageSize " jalur";
Jika (pageIndex > 1) {
          strPage = strHalaman "Homepage ";Halaman sebelumnya }
If (pageCount > intPage) {//Jumlah bilangan halaman lebih besar daripada bilangan halaman yang dipaparkan pada halaman
If (pageIndex > pageCount - intCrossPage) {//Nombor halaman semasa >Jumlah bilangan halaman-3
              intBeginPage = pageCount - intPage 1;
               intEndPage = pageCount;
}
         lain {
Jika (pageIndex                   intBeginPage = 1;
                 intEndPage = intPage;
            }
             lain {
                  intBeginPage = pageIndex - intCrossPage;
intEndPage = pageIndex intCrossPage;
            }
}
} lain {
         intBeginPage = 1;
          intEndPage = pageCount;
}
Jika (pageCount > 0) {
untuk (var i = intBeginPage; i                 {
Jika (i == pageIndex) {//Halaman semasa
                        strHalaman = strHalaman " " i " ";
                }
                   lain {
strPage = strPage " " i " 🎜>                 }
            }
}
}
Jika (pageIndex strPage = strPage "Halaman seterusnya a> ";
        strPage = strPage "尾页 ";
    }
    return strPage "

";
}

Cuba kaedah ini

复制代码

http://www.w3.org/1999/xhtml">