Como alterar a imagem do botão submit ao passar o mouse

Método fácil e rápido para alterar a imagem de um botão submit, ao passar o mouse.

1. Ao inserir o input html com o type image e o src com o caminho da imagem.

<input type=”image” src=”img/enviar.png” />

2. Vamos agora inserir dois métodos JavaScript, um para alterar a imagem ao passar o mouse (onmouseover) e o outro para voltar a imagem anterior ao tirar o mouse (onmouseout).

<input type=”image” src=”img/enviar.png” onmouseover=”this.src=’img/enviar_hover.png’” onmouseout=”this.src=’img/enviar.png’” />

Exemplo:.

FelipePraça.com.br

uma resposta para “Como alterar a imagem do botão submit ao passar o mouse”

1. Jerffeson disse:

   22 de agosto de 2012 às 13:33

   Muito bom amigo, boa iniciativa…

   Responder