Scroller de conținut pe jQuery
Astăzi vom învăța să facem un astfel de scroller de conținut simpotic. Pentru aceasta avem nevoie de un cadru jQuery minunat, un plugin mousewheel.js și o mică răbdare.
Acest script grozav a fost făcut de tipii de la Floopleer.
oportunități
- derularea orizontală și verticală;
- capacitatea de a seta numărul de elemente vizibile;
- abilitatea de a defila cu un mouse (inclusiv o roată de mouse) și săgeți de la tastatură (necesită pluginul mousewheel.js);
- crearea cheilor de navigație fără programare;
- acțiuni încorporate: următoarea, prev, nextPage, prevPage, seekTo, începe, sfârșit.
Suport pentru browser
Îi plăcea? Acum, să vedem cum să implementăm primul exemplu.
Acum vedeți cum să faceți același scroller. Să vedem restul scenariului.
Sintaxă completă
Mai jos este o listă a tuturor funcțiilor (și implicite).
Utilizând Navigare
Dacă în lista dvs. există o mulțime de articole, atunci probabil că doriți să utilizați funcția de navigare pe pagină (acestea sunt punctele de deasupra parcurgerii).
Să luăm în considerare un exemplu. Avem 4 butoane, pe care faceți clic pe care veți parcurge lista de articole simultan pe mai multe bucăți. Numărul acestor elemente va depinde de numărul de elemente din interiorul parcurgerii.
Utilizarea API-ului
Luați în considerare funcțiile scriptului pe care îl puteți utiliza pentru a naviga în cadrul scriptului.
Cred că deja înțelegeți câte lucruri puteți face cu acest scenariu.
Co-fondator Temporar. Interesat de afaceri online, design, utilizare și programare pentru clienți. Participă la dezvoltarea mai multor proiecte de internet.
Uneori scrie pe Twitter. dar mai des pe Temporno.net.