Trocar imagem quando o mouse estiver em cima da imagem

Publicado por Eric Silva 15/07/2004

[ Hits: 20.784 ]

Download mouse




Esse código troca as imagens quando o mouse está em cima ou fora da imagem...

  



Esconder código-fonte

<script language="JavaScript">
function mouseEmCima(imagem) {
   
   imagem.src="figura1.jpg";
   
   }
   
function mouseFora(imagem) {
   
   imagem.src="figura2.jpg";
   
   }
   
</script>

Como Usar:
Insira o código dentro da tag <head>

Na tag img faça referência ao código assim:
<img src="figura2.jpg" onMouseOver="mouseEmCima(this)" onMouseOut="mouseFora(this)">

Agora é só usar sua criatividade...

Scripts recomendados

Abrir Janela exatamente no centro da tela

Efeito de Raio no Site

Cor de fundo da página

Qual é meu navegador?

Calculadora Bem Legal box shadow e border Radius


  

Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts