Boas pessoal,  Estou com um problema com o JQuery, e como sou iniciante com o Javascript estou aqui para pedir a ajuda de vocês.  Seguinte, eu necessito que uma imagem PNG se anime num GIF ao ter o mouse passado encima, porém quando o mouse saia de cima da imagem/animação ela se mantenha no GIF e não ative tudo novamente num próximo hover.  Consegui fazer a parte no qual o PNG se anima num GIF, mas não sei mais o que fazer para que ele não acione novamente. Sou novo como já disse, não sei se o pessoal do fórum curte o Edit this Fiddle, caso não me avisem, segue um link para vocês verem o progresso: Edit this Fiddle - Hover para animar.   Vou postar o código aqui também para quem achar mais comodo:  /* HTML */ <img id="imgDino" src="http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870" />  /* JS */ $(document).ready(function() {     $("#imgDino").hover(         function()         {             $(this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");         }                                 );                   });  Resumindo: preciso que ele acione uma vez e só torne a acionar caso eu dê um refresh na página.  Desde já obrigado galera!