Cambiar imagen con javascript

En este ejemplo vamos a explicar como al pasar sobre un enlace cambie una imagen del documento. No se nos debe de olvidar que cuando el usuario abandone el enlace debemos de volver a poner la imagen original. Para ello debemos de capturar el evento onMouseOut que lanzará otra función que llamaremos volver.

<script type="text/javascript">
 
 function cambiar () {
  document.getElementById('matrix').src = "mt07.jpg";
 }
 
 function volver () {
  document.getElementById('matrix').src = "mt05.jpg";
 }
 
</script>

<a href="#" onMouseOver="cambiar();" onMouseOut="volver();">Al pasar sobre mi cambiará la imagen</a>
<img src="mt05.jpg" id="matrix"/>