jQuery Tools - kolekcija šest najkorisnijih JavaScript dodataka u jednom fajlu

Umesto šest pojedinačnih jQuery pluginova, bilo bi mnogo praktičnije imati šest u jednom. jQuery Tools je upravo to – kolekcija od šest najkorisnijih JavaScript dodatka koji se najčešće koriste na internet sajtovima danas. Tu spadaju: tabovi, tooltips, overlay, expose, scroll efekti, flashembed (ubacivanje flash-a na web sajt). Moguće je kombinovati više efekata u isto vreme, a svi se nalaze u samo jednom JavaScript fajlu veličine 5,72 kb.

Svi ovi alati osim flashembed baziraju se na jQuery JavaScript biblioteci. Poznavanje jQuery-ja nije obavezno da biste koristili ove alate na svom sajtu, ali ako ipak hoćete da naučite osnove, pogledajte ovaj jQuery tutorial za apsolutne početnike.

Implementacija je veoma jednostavna. Da biste koristili jQuery tools potrebno je da ubacite ovu liniju koda u html

<script src=
"http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js">
</script>

i time je sve spremno, potrebno je još samo da inicijalizujete efekat koji ćete koristiti.

Na primer, da biste koristili skrol efekat na nekom elementu, treba ubaciti:

$("#wrap").scrollable({ 
size: 1, 
clickable: false, 
loop: true 
});

Time će element sa id-jem wrap postati skrolabilan.

Pogledajte demo prikaz scrollable efekta , videćete html i css, kao i JavaScript kod potreban za inicijalizaciju.

Zaista je veoma jednostavno dodati ove efekte na sajt. Za svaki efekat postoji demo prikaz , izaberite onaj koji želite, na istoj stranici je source kod koji je potrebno da ubacite na svoj sajt.

Potencijalno povezani tekstovi:

Najčešće greške prilikom dizajniranja web sajta

jQuery tutorijal za apsolutne početnike

Izrada sajtova | Profesionalna izrada sajtova | Izrada logoa i web sajtova

Kako da web sajt izgleda isto u različitim brauzerima?

Šta je CMS? | Upotreba CMS sistema za održavanje sajtova

Primer različitih web sajtova sa istom pozadinom

Flash sajtovi i optimizacija za pretraživače

Najkorisniji Firefox dodaci za web dizajnere