Animacije i efekti
Primer 3 (fadeIn, fadeOut i fadeTo):
HTML: <p id="fadeIn">Kliknite ovde ukoliko želite da prikažete dugme</p> <p id="fadeOut">Kliknite ovde ukoliko želite da sakrijete dugme</p> <p id="fadeTo"> Kliknite ovde ukoliko želite da vidljivost dugmeta bude 50% </p> <div id="dugme"> <img src="btn.png"/> </div> <p id="rezultat"><span>0</span> puta ste klinuli na dugme</p>
jQuery: $('#fadeIn').click(function() { $('#dugme').fadeIn(2000); }); $('#fadeOut').click(function() { $('#dugme').fadeOut(2000); }); $('#fadeTo').click(function() { $('#dugme').fadeTo(2000,0.5); });
Kliknite ovde ukoliko želite da prikažete dugme u trajanju od 2 sekunde (fadeIn(2000))
Kliknite ovde ukoliko želite da sakrijete dugme u trajanju od 2 sekunde (fadeOut(2000))
Smanjite vidljivost dugmeta na 50% u trajanju od 2 sekunde (fadeTo(2000, 0.5))
