Problema con botón en js

[oblop]

Hola soy bastante nuevo y no se mucho estoy aprendiendo de forma autodidacta, pero bueno lo que queria preguntaros es que que codigo necesito para que un boton al pasarlo por encima se vuelva un poco mas blanco(el efecto rollover) como tengo que ponerlo a partir de este?

Código HTML:

<a href="http://www.twitter.com/oblopAST">&nbsp;<img src="images/twiter_logo.png" alt="Seguir a oblopAST en Twitter" width="178"/></a></p></td> 

pues lo que quiero es que al pasar por encima se cambie la imagen y que salga el logo con un color mas claro, no se si me explico.

saludos

[lubtufano]

Para eso se pueden utilizar los eventos 'onmouseOver' y 'onmouseOut' colocandolos en la etiqueta <a>, además se necesita otra imagen y al entrar el cursor de ratón al enlace, que contiene la imagen, esta cambia por la imagen que deseamos y al salir vuelve a la imagen original. El código es asi:

Código HTML:

<a href="http://www.twitter.com/oblopAST" onmouseOver="document.getElementById('twLogo').src='images/twiter_logo_02.png'" onmouseOut="document.getElementById('twLogo').src='images/twiter_logo.png'">&nbsp;<img src="images/twiter_logo.png" id="twLogo" alt="Seguir a oblopAST en Twitter" width="178"/></a>
 

Es necesario agregar el atributo 'id' a la etiqueta <img> para poder acceder a ella con el metodo document.getElementById()

[oblop]

muchas gracias por tu ayuda ;D