Tutorial: Mudar imagem quando passa o mouse
16:12
Vou ensinar para vocês hoje, o código que eu achei mais simples e funcional para quando você quiser, fazer aquele efeito da imagem mudar quando encostar o mouse.
Eu tinha tentado fazer este efeito com outro código, e não sei por qual motivo não deu certo. Por isso, se você já tentou fazer este efeito com outro tutorial e não deu certo, pode dar certo com esse aqui 
1- Vá em Design, Elementos de Página e adicione um Gadget (HTML/JavaScript) e cole o seguinte código:
2- Escolha as imagens que você irá utilizar, e as hospede em algum site. Recomendo o TinyPic. Depois, substitua de acordo com o primeiro código.<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />
Dúvidas? Pergunte por comentário! Espero ter ajudado.
Créditos TOTAIS: Tutoriais Attitude Included
0 comentários