JS搞不懂 来问问放大

<p id="big_image" style="position: absolute; display: none; z-index: 2; border: 0px solid #f4f4f4;"></p> <asp:Image ID="tp"   ImageUrl=""  runat="server" Width="150px" Height="100px"  onMouseMove="yiru(this)" onMouseOut="yichu(this)" Visible="False"  />
然后具体用的是
//鼠标移入显示大图片
function yiru(t){ 
var ei = document.getElementById("big_image");
ei.style.display = "block";
ei.innerHTML = '<img src="' + t.src + '" width=300px/>';
ei.style.top =document.body.scrollTop+window.event.clientY+120+"px";
ei.style.left =window.event.clientX+10+"px";
}这个我市网上找的 不知道什么意思，有效果，但滚动条拉动下面就乱了位置了。
可不可以帮我写个 放大图片的是绝对位置 就中间 不随滚动条变化的？感谢！