Weboldal készítés során mindig használok jquery animációkat, rengeteget dob az oldalon egy lágy animáció. A jquery nagyon megkönnyití az ilyen típusú animációk leprogramozását, általában 1-2 kissebb sor kóddal megoldható.

alpha animációk

$(“#elem”).fadeIn(ms); Az adott elemnek a láthatóságát animálja, pontosan láthatóvá teszi.

$(“#elem”).fadeOut(ms); Az adott elemnek a láthatóságát veszi el.

$(“#elem”).fadeTo(ms,opacity); Az adott elemnek a láthatóságát állítja be. Az opacity-t törtszámként adjuk meg 0tól-1ig.

height animációk

$(“#elem”).slideDown(ms); Az elemet teszi láthatóvá úgy, hogy annak a magasságát animálja.

$(“#elem”).slideUp(ms); Az elemet tünteti el úgy, hogy annak a magasságát 0-ra animálja.

$(“#elem”).slideToggle(ms); Az elemet tünteti el és teszi láthatóvá.

egyedi animációk

$(“#elem”).animate({tulajdonság:mérték},ms);

Az .animate() egy nagyon univerzális jquery függvény. Szinte majdnem minden css tulajdonsággal tud dolgozni (opacity, height, width, font-size…stb). Egy összetett animate függvénnyel már nagyon szép animációkat lehet varázsolni.