contoh halaman muka depan jQuery sharing

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 "; If (pageIndex > pageCount - intCrossPage) {//Nombor halaman semasa >Jumlah bilangan halaman-3
              intBeginPage = pageCount - intPage 1;
               intEndPage = pageCount;
}
         lain {
Jika (pageIndex <= intPage - intCrossPage) {
                  intBeginPage = 1;
                 intEndPage = intPage;
            }
             lain {
                  intBeginPage = pageIndex - intCrossPage;
intEndPage = pageIndex intCrossPage;
            }
}
} lain {
         intBeginPage = 1;
          intEndPage = pageCount;
}
Jika (pageCount > 0) {
untuk (var i = intBeginPage; i <= intEndPage; i ) {
                {
Jika (i == pageIndex) {//Halaman semasa
                        strHalaman = strHalaman " " i " ";
                }
                   lain {
strPage = strPage " " i " 🎜>                 }
            }
}
}
Jika (pageIndex < pageCount) {
strPage = strPage "Halaman seterusnya ";
        strPage = strPage "尾页 ";
    }
    return strPage "

";
}

Cuba kaedah ini

复制代码

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

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini