Tartalom scroller jquery, javascript

Content scroller a jQuery oldalon

Ma megtanulják csinálni egy ilyen egyszerű tartalmú scroller-t. Ehhez egy csodálatos jQuery keretre, egy plugin mousewheel.js-re és egy kis türelemre van szükségünk.

Ezt a hűvös forgatókönyvet a Floopleer fiúk készítették.

lehetőségek

  • vízszintes és függőleges görgetés;
  • a látható elemek számának beállítása;
  • az egérrel való görgetés (beleértve az egérgörgőt) és a nyilak a billentyűzetről (szükség van a plugin mousewheel.js-re);
  • navigációs kulcsok létrehozása programozás nélkül;
  • beépített műveletek: következő, prev, nextPage, prevPage, seekTo, begin, end.

Böngésző támogatás

Tetszett? Most nézzük meg, hogyan kell végrehajtani az első példát.

Most látod, hogyan lehet ugyanazt a görgetőt csinálni. Lássuk a többi szkriptet.

Teljes szintaxis

Az alábbiakban felsoroljuk az összes funkciót (és alapértelmezést).

Navigáció használata

Ha sok elem van a listán, akkor valószínűleg az oldal navigációs funkcióját szeretné használni (ezek a görgetés feletti pontok).

Nézzünk egy példát. Van 4 gombunk, amelyre rákattintva egyszerre több darabra is átkapcsolhatjuk az elemek listáját. Az ilyen elemek száma függ a görgetőn belüli elemek számától.

Az API használata

Vegye fontolóra a parancsfájl azon funkcióit, amelyekkel a szkripten belül navigálhat.

Azt hiszem, már tudod, hogy hány dolgot tehetsz ezzel a forgatókönyvvel.

Társalapító ideiglenes. Érdekli az online üzlet, a tervezés, a használhatóság és az ügyfélprogramozás. Részt vesz számos internetes projekt fejlesztésében.

Néha a Twitterre ír. de gyakrabban a Temporno.net-on.

Kapcsolódó cikkek