Tag - On mouse over

1 de set. de 2012

Tag - On mouse over

Olá, hoje o tutorial é de html.

É algo bem básico mas que eu acho bastante interessante, colocar uma imagem no site, que muda ao passar o mouse.Qualquer efeito que aconteça com o passar do mouse, é feito com a tag onmouseover, como a seguir:


Fiz o exemplo no DreamWeaver, e o código está explicado na imagem.

A seguir está a imagem do site com a imagem inserida duas vezes, uma sem o onmouseover e outra com.
Nesse momento o mouse estava longe das imagens. 

A seguir está o mesmo site, só que com o mouse em cima da segunda imagem, que é a que contém a tag onmouseover.

Simples, não? :)
É importante lembrar:
   *pra o efeito ficar bom, é necessário que as imagens tenham o mesmo tamanho.
   *esse código funciona para imagens que estão na mesma pasta do site, assim, se as imagens estiverem em outro local, é necessárioo informar o caminho.

Por hoje é só, pessoal.
Beeijos! =)