用js实现一个小效果

Question

<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>
<div id="popDiv" style="position:absolute;z-index:10;border:1px solid black;display:none;"></div>
<img src="http://www.ddvip.com/images/logo1.gif" width="120" height="55" onmouseout="Fhidden()" onmouseover="Fpop()">
<Img Src="http://www.ddvip.com/images/logo.gif" width=250hight=75 Border=0 onMouseOver='this.width=500' onMouseOut='this.width=250'>
<Img Src="http://www.ddvip.com/images/logo.gif" width=125 Border=0 onMouseOver='this.width=this.width*2' onMouseOut='this.width=this.width/2'>

Answer 1

不是这种效果，是原来的图像没有变大，而新的图像在这个图像的上层

Answer 2

那就是这种效果吧！
把鼠标经过你的头像上弹出的那个信息。