5 de mar de 2011

Efeito de imagem móvel

Depois de algum tempo afastado das postagens do site, estamos de volta para refinar para voçê o melhor que o blogger tem para oferecer.
Hoje vamos ensinar como usar um efeito que aparenta as imagens se moverem, mas apenas trata de um simples script que inka sas imagens quando é passado o mouse em cima a imagem muda.


Segue o script abaixo:



<img src="URL  DA IMAGEM 1" name="pos1" onmouseover="document.images['pos1'].src='URL  DA IMAGEM 2'" onmouseout="document.images['pos1'].src='URL DA IMAGEM 1  OUTRA VEZ'" />



Os campos em vermelho indicam os locais em que devem ser alterados.

SCRIPT EM AÇÃO:





ATENÇÃO: Não se engane, pois não é erro de digitação, pois assim quando voçê passar o mouse ela irá mudar, e se não for recolocada a primeira imagem não reaparecerá, sendo então não altere o código citado.
Compartilhe essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

0 comentários

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo