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.
Articole similare
Trimiteți-le prietenilor: