下边是一列小图片(src图片路径是动态生成的)上边有一个div,鼠标移到下边的任意一个小图片上边的div中显示小图片的放大图
<html>
<head>
<title>TestImgHtml</title>
<script>
function changeImg(url)
{
var bigimg = document.getElementById("myimg");
bigimg.src=url;
}
function changeBack()
{
var bigimg = document.getElementById("myimg");
bigimg.src="";
}
</script>
</head>
<body>
<div><img id="myimg" src="" alter="此处为大图片" width="500" height="500"></div>
<div>
<img src="1.gif" οnmοuseοver="changeImg(this.src)" οnmοuseοut="changeBack()">
<img src="2.gif" οnmοuseοver="changeImg(this.src)" οnmοuseοut="changeBack()">
</div>
</body>
</html>