Detaillierte Erklärung zur Verwendung der JavaScript-Paging-Komponente

<ul Klasse="pagination" id="jsPagination">
    <li>Startseite</li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li>Letzte Seite</li>
</ul>

.verstecken{
    Anzeige: keine!wichtig;
}
.Pagination{
    Rand: 0 automatisch;
    Polsterung: 0;
    Listenstil: keiner;
    Textausrichtung: zentriert;
}
.pagination li{
    Anzeige: Inline-Block;
    Breite: 30px;
    Höhe: 30px;
    Überlauf: versteckt;
    Zeilenhöhe: 30px;
    Rand: 0,5px 0,0;
    Schriftgröße: 14px;
    Textausrichtung: zentriert;
    Rand: 1px durchgezogen #00bc9b;
    Farbe: #00bc9b;
    Cursor: Zeiger;
}
.pagination li.current,
.pagination li:hover{
    Hintergrund: #00bc9b;
    Farbe: #ffffff;
}
.demo {
    Rand: 10px 0;
    Polsterung: 10px;
    Hintergrund: #eeeeee;
    Textausrichtung: zentriert;
}

Funktion Paginierung(gesamt, aktuell) {
        var ele = document.getElementById('jsPagination');
        //für demo1
        wenn (aktuell-2>=1&¤t+2<=gesamt)
        {
            var page=ele.erstesKind.nächstesGeschwister;
            wenn(aktuell-2==1)
                page.className='ausblenden';
            für (var i = aktuell-2, p = aktuell-2; i <= aktuell +2; p++, i++)
            {
                Seite=Seite.nächstesGeschwister;
                console.log(Seite);
                Seite=Seite.nächstesGeschwister;
                console.log(Seite);
                Seite.innerHTML=i;
                wenn(i==aktuell)
                    Seite.Klassenname='aktuell';
            }
            wenn(aktuell+2==gesamt)
            {
                var last=seite.nächstesGeschwister.nächstesGeschwister;
                letzter.Klassenname='ausblenden';
            }
        }
        //für demo2
        sonst wenn (gesamt==0)
        {
            ele.className='Seitennummerierung ausblenden';
        }
        //für demo3
        sonst wenn (Gesamt<=5)
        {
            var fir=ele.erstesKind.nächstesGeschwister;
            fir.className='ausblenden';
            var Seite=Tanne;
            für(var i=1;i<=5;i++) {
                Seite = Seite.nächstesGeschwister.nächstesGeschwister;
                wenn (i <= gesamt) {
                    Seite.innerHTML=i;
                    wenn(i==aktuell)
                        Seite.Klassenname='aktuell';
                }
                anders
                {
                    page.className='ausblenden';
                }
 
            }
            var last=seite.nächstesGeschwister.nächstesGeschwister;
            letzter.Klassenname='ausblenden';
        }
        //für demo4
        sonst wenn(aktuell-2<=0)
        {
            var page=ele.erstesKind.nächstesGeschwister;
            page.className='ausblenden';
            für(var i=1;i<=5;i++) {
                Seite = Seite.nächstesGeschwister.nächstesGeschwister;
                Seite.innerHTML=i;
                    wenn(i==aktuell)
                        Seite.Klassenname='aktuell';
            }
 
        }
        //für demo5
        sonst wenn (aktuell+2>gesamt)
        {
            var page=ele.erstesKind.nächstesGeschwister;
            für(var i=total-4;i<=total;i++) {
                Seite = Seite.nächstesGeschwister.nächstesGeschwister;
                Seite.innerHTML=i;
                wenn(i==aktuell)
                    Seite.Klassenname='aktuell';
            }
            var last=seite.nächstesGeschwister.nächstesGeschwister;
            letzter.Klassenname='ausblenden';
 
        }
}