鼠标移动图片上时 放大效果

<html>
<head>
<script language="JavaScript">
 
</script>
<style type="text/css">
 
</style>

<SCRIPT LANGUAGE="JavaScript"> 
var offsetX=120;
var offsetY=00; 
function Fpop(){ 
    var oImg =event.srcElement; 
    var px =oImg.offsetLeft; 
    var py =oImg.offsetTop; 
    popDiv.innerHTML = "<img src="+oImg.src+" />";
    popDiv.style.left =px+offsetX; 
    popDiv.style.top =py+offsetY; 
    popDiv.style.display=""; 
    }
function Fhidden(){
    popDiv.style.display="none"; 
} 
</SCRIPT>
</head>
<body>
<div id="head">图片loading...</div>


<div id="popDiv" style="position:absolute;z-index:10;border:1px solid black;display:none;"></div> 
<img src="a.jpg" width="120" height="55" onmouseout="Fhidden()" onmouseover="Fpop()">
<Img Src="a.jpg" width=250 height=75 Border=0 onMouseOver='this.width=500' onMouseOut='this.width=250'> 
<Img Src="a.jpg" width=125 Border=0 onMouseOver='this.width=this.width*2' onMouseOut='this.width=this.width/2'>
</body>
</html>