Hola,
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Cambio dinámico de imágenes</title>
<script language="Javascript">
<!--
// Precarga de imágenes
if (document.images) {
var botonazul_off = new Image();
botonazul_off.src = "imagenes/botazul1.gif";
var botonazul_on = new Image();
botonazul_on.src = "imagenes/botazul2.gif";
}
// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
if (document.images) {
document.images[boton].src = botonazul_on.src;
}
}
// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
if (document.images) {
document.images[boton].src = botonazul_off.src;
}
}
//--> </script>
</head>
<body>
<p><a href = "suscripcion.html"><img onMouseOver = "entra(this.name);" onMouseOut = "sale(this.name);" src="imagenes/botazul1.gif" alt="Presentación" border="0" name="botonazul">Final</a> </p>
<p><a href = "suscripcion.html"><img onMouseOver = "entra(this.name);" onMouseOut = "sale(this.name);" src="imagenes/botazul1.gif" alt="Presentación" border="0" name="boton1">Inicio</a> </p>
</body>
</html>