efecto intercambio de imagenes con javascript

este script muestra como funciona el intercambio de dos imagenes mediante javascript.

Código Javascript


<html>
<head>
<!-- Este Script cambia de imagen al pasar el mouse por sobre ellas          -->
<!-- Gabriel Rodríguez			                                     -->
<!-- http://www.gamarod.com.ar						     -->
<title>efecto intercambio de imágenes con javascript</title>
</head>
<body>
<br>
<h1 align="center">Intercambio de Imágenes con JavaScript</h1>
<p align="center">
<font face="arial">Pasa el puntero del Mouse sobre el círculo...<br><br></font>
<a href="javascript:void(0)"
/* cuando posicionamos el mouse sobre la imagen */
onmouseover="window.status='Botón Pulsado'; document.images[0].src='ejemplos/green.gif';return true "
/* cuando movemos el mouse fuera de la imagen   */
onmouseout="window.status='';document.images[0].src='ejemplos/red.gif';return true ">
<img src="ejemplos/red.gif" border="0" width="48" height="49"> </a>
</p><br><br>
<p align="center">
<font color="#000000" size="1" face="Arial">Gabriel Rodríguez<br>
</font>
<a href="http://www.gamarod.com.ar">
<font color="#0000FF" size="1" face="Arial">http://www.gamarod.com.ar</font></a></p>
<br><br><br>
</body>
</html>

Ver ejemplo Javascript en funcionamiento