当鼠标经过图片时，图片自动放大，鼠标离开后，就回复原来大小？？

这该如何做？？？？？？？

全过程（放大缩小）都用同一张图片

好办
<img src="images/aa.jpg" width="100" height="100" onMouseOver="this.style.width=300;this.style.height=300" onMouseOut="this.style.width=100;this.style.height=100">

<script type="text/javascript">
var oldWidth,oldHeight; //用于纪录原始大小

function showDialog(){
var obj = event.srcElement;
if("IMG" == obj.tagName){
oldWidth = obj.style.width;
oldHeight = obj.style.height
obj.style.width = "500";
obj.style.height = "300";
}
}

function resetIMG(){
var obj = event.srcElement;
obj.style.width = oldWidth;
obj.style.height = oldHeight;
}

document.onmouseover=showDialog;
</script>

来，鼠标放过来试试！ 作者：メ冰枫ぱ雪 偶的小站：http://www.kx91.com<br /><br />
<img src="http://www.kx91.com/UpLoadFile/Photo/200612112020194934.jpg" onmouseout="resetIMG()" />
<br /><br /><br /><br />
<img src="http://www.kx91.com/UpLoadFile/Photo/2006127744301416.jpg" onmouseout="resetIMG()" />
<br /><br /><br /><br />
<img src="http://www.kx91.com/UpLoadFile/Photo/2006126143451573.jpg" onmouseout="resetIMG()" />

正解,正解