Č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.
|
|||||
 |
|||||
|
|||||
 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().
|
|||||
|
|||||
 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.
|
|||||
|
|||||
 Č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.
|
|||||
|
|||||
 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 :)
|
|||||
