<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>mouse</title>
<script>
function mo(obj){
var first = document.getElementById('fist');
first.src = obj.src;
}
function moo(obj){
}
</script>
<style>
img{
width: 100px;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<img src="img/H5动画-向上展开.png" onmousemove="mo(this)" onmouseout="moo(this)" />
</td>
<td>
<img src="img/H5动画-向上飞入.png" onmousemove="mo(this)" onmouseout="moo(this)" />
</td>
<td>
<img src="img/H5动画-弹性放大.png" onmousemove="mo(this)" onmouseout="moo(this)" />
</td>
</tr>
<tr>
<td colspan="3" align="center">
<img id="fist" style="width: 200px;"/>
</td>
</tr>
</table>
</body>
</html>
