Efeito Rover (Subir/deslisar)

Bom esse efeito já foi chamado de várias coisas por alguns leitores meus (No meu antigo site) agora o nome fica por sua conta, eu chamo de Efeito Hover.

Vocês podem ver do que eu estou falando aqui~> [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
(Passe o mouse por cima da palavra Blog)

Bom esse efeito nada mais é que 2 imagens:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Agora vamos faze-lo?
O código é simples:

Código:

<a href=" LINK ">
<img alt="banner" border="0" height=" ALTURA " id="contato" onmouseout="this.src='IMAGEM 1'" onmouseover="this.src='IMAGEM 2'" src="IMAGEM 1" title=" TITULO " width=" LARGURA " /></a>

Bom agora vamos editar:
LINK = link pra onde é redirecionado ao clicar no banner.
ALURA = Altura da imagem em píxels.
LARGURA = Largura da imagem em píxels.
IMAGEM 1 = Imagem 1 (a imagem que primeiro aparece)
IMAGEM 2 = Imagem que apresenta o efeito, deve ser diferente da primeira.
TITULO = é onde acontece um efeito legenda ( Aparece o nome assim q a imagem é selecionada. )

Pronto. Esse efeito é Html então para adicionar em Blogger coloque Gagdget: HTML/JavaScript.
Vlw gente o/
Postarei novos Tutoriais em Breve!
Da + aew! :lol:

Bem legal este efeito, obrigado por compartilhar.

Ainda não testei , mais me parece um bom tutorial

Ótimo tutorial! Gostei muito vai ajudar muita gente,obrigado por compartilhar :D

Caro usuário;

Bem, não tive a oportunidade de testá-lo, pois o blog foi removido (pelo menos é oque aparece aqui), se pudesse postar só a imagem agradeço.

---

Atenciosamente:
Ready