Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Efekti v jQuery

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  V današnji lekciji vam bom prikazal, kako se ustvarja efekte v programski knjižici jQuery.
 
 
1
 
 

Če si še niste, vam priporočam, da si ogledate prvi del programiranja z jQuery.

Tam vam prav tako piše, kako ustvariti index.html datoteko, ki jo bomo potrebovali tudi v današnji lekciji.
 
 
 
 
2
 
 

Najprej si bomo ogledali osnoven efekt show():

 
$("p").show()
 
Ta efekt povzroči animiran prikaz določenega elementa (v tem primeru p).
V oklepaje lahko dodamo atribut hitrosti in callback-a.
 
Hitrost lahko nastavimo kot slow ali fast (hitro oz. počasi) ali v milisekundah (npr. 1000).
Za callback pa navedemo funkcijo, ki se izvede takrat, ko se animacija zaključi.
 
Enak postopek velja tudi za zakritje določenega objekta s funkcijo hide().
 
 
3
 
 

Podobno kot show() se uporabljajo tudi funkcije slideDown(), slideUp(), fadeIn() in fadeOut(), kar pomeni:

 
$("p").IME()
 
Pri vseh teh funkcijah se lahko določita dva atributa:
Speed - hitrost animacije v milisekundah oz. fast ali slow.
Callback - funkcija ki se izvede ko se animacija konča.
 
 
4
 
 

Če želite, da medtem ko je en objekt prikazan, drugi skrit, uporabite katerokoli zgornjo funkcijo (razen show()), le da namesto Down/Up/In/Out uporabite Toggle (za show() uporabite le toggle()):

 
$("p").fadeToggle()
 
V našem primeru se bodo med seboj menjavali objekti oz. tekst med značkama p. Da bi bila ta funkcija uporabna, moramo narediti dva p objekta; enemu kot atribut style nastavimo display:none; drugemu pa ne nastavimo nič.
 
Za toggle funkcije se prav tako uporabljata zgoraj omenjena atributa: speed in callback.
 
 
5
 
 

To je bilo za danes vse, v naslednji lekciji pa vam bom razložil o pripomočkih (utilities).

 
Če vam kaj ni bilo jasno, se oglasite na forumu :)
 
 
Komentiraj
 
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!