<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
div{width:200px;height:300px;}
img{width:200px;height:300px;}
</style>
</head>
<body>
<div id="d1" onmouseover="fannushen(1)" onmouseout="gainushen(1)">
</div>
<div id="d2" onmouseover="fannushen(2)" onmouseout="gainushen(2)">
</div>
<div id="d3" onmouseover="fannushen(3)" onmouseout="gainushen(3)">
</div>
<div id="d4" onmouseover="fannushen(4)" onmouseout="gainushen(4)">
</div>
<div id="d5" onmouseover="fannushen(5)" onmouseout="gainushen(5)">
</div>
<script>
function fannushen(1)
{
document.getElementById("im1").src='img/im1.png';
}
function gainushen(1)
{
document.getElementById("im1").src='img/back.png';
}
function fannushen(2)
{
document.getElementById("im2").src='img/im2.png';
}
function gainushen(2)
{
document.getElementById("im2").src='img/back.png';
}
function fannushen(3)
{
document.getElementById("im3").src='img/im3.png';
}
function gainushen(3)
{
document.getElementById("im3").src='img/back.png';
}
function fannushen(4)
{
document.getElementById("im4").src='img/im4.png';
}
function gainushen(4)
{
document.getElementById("im4").src='img/back.png';
}
function fannushen(5)
{
document.getElementById("im5").src='img/im5.png';
}
function gainushen(5)
{
document.getElementById("im5").src='img/back.png';
}
</script>
</body>
</html>