Imagem Que Muda ao Passar o Mouse

Olá :3

Hoje irei ensinar um tutorial, nele ensina como colocar uma imagem e quando você passar o mouse por cima ela muda, é tipo um hover, muito fácil.

Exemplo:

Para fazer isso, basta colocar o código a seguir na onde você quer que a imagem fique :

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Troque o "ENDERECO_DA_IMAGEM_NORMAL"  pela URL da imagem que você quer e o 'ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE' pela URL da imagem que você quer quando passar o mouse.

Pronto é muito simples e fácil . 

Até Mais !