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:

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).