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