Animacije i efekti
Za vizuelno lepše prikazivanje i sakrivanje elemenata koriste se metode koje menjaju prozirnost (opacity) elementa kroz vreme. Metode za menjanje prozirnosti elemenata poseduju parametar za brzinu i koriste se na isti način kao i osnovne metode i one su:
- fadeIn() – element prvo zauzima prostor na strani (ostali elementi se pomeraju, ukoliko je takav raspored elemenata), pa onda postepeno element postaje sve više vidljiv
- fadeOut() – element sve više bledi, dok ne postane nevidljiv, a potom se prostor koji je zauzimao dodeljuje drugim elementima, iako ostaje vidljiv u DOM-u
- fadeTo() – ova metoda je različita od ostalih metoda. Ona menja prozirnost elementa do određene vrednosti bez obzira da li je element vidljiv ili nevidljiv. Parametri za ovu metodu su brzina i prozirnost i oba parametra su obavezna.
Primer:
$('.podnaslov').fadeIn(2000); // za 2 sekunde prozirnost elementa biće 100% $('.podnaslov').fadeTo(2000,0.75); // za 2 sekunde prozirnost elementa biće 75%
Primer na strani
Postoji još jedna grupa metoda koja je slična “fade” metodama, a to su “slide” metode, koje umesto menjanja prozirnosti elementa, one vizuelno element pomeraju na veb stranu ili van veb strane. Metode su slideDown() i slideUp(). Prva ubacuje element na stranu i polako povećava visinu elementa sve do 100%, dok druga sklanja element tako što smanjuje visinu elementa do 0%, a zatim menja CSS osobinu “display” na “none”. Kao i ranije pomenutim metodama, metodama slideDown() i slideUp() je možemo proslediti argument za brzinu animacije (reč ili trajanje u ms).