Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript">
function rollover (){
var roll = new ReExp ("rollover");
var images = document.getElemenstByTagName("img");
var preload = [];
for (var i= 0; i < images.length; i++){
if (images[i].id.match(roll)){
preload[i] = new Image();
preload[i].src = images[i].id + "home_equipo1.jpg";
images[i].onmouseover = mouseOver;
images[i].onmouseout = mouseOut;
}
}
}
function mouseOver()
{
this.src = this.id + "home_equipo1.jpg";
}
function mouseOut (){
this.src = this.id + "about_flota1.jpg";
}
</script>
</head>
<body>
<p> <img id="rollover_home" name="hombre_equipo1.jpg"
src="home_equipo1.jpg" alt="home" >
</p>
<p> <img id="rollover_about" name="about_flota1.jpg"
src="about_flota1.jpg" alt="about" >
</p>
</body>
</html>
:
