JS 放大鏡

window.onload=function()
{
var oDiv=document.getElementByIdx_x('box');
var oSpan=document.getElementByIdx_x('span1');
var aDiv=document.getElementByIdx_x('sroll');
var oImg=document.getElementByIdx_x('bigImg');
oDiv.onmouseover=function()
{
aDiv.style.display='block';
oSpan.style.display="block";
}
oDiv.onmouseout=function()
{
aDiv.style.display='none';
oSpan.style.display='none';
}
oDiv.onmousemove=function(ev)
{
var ev=ev||event;
var L=ev.clientX-oDiv.offsetLeft-oSpan.offsetWidth/2;
var T=ev.clientY-oDiv.offsetTop-oSpan.offsetHeight/2;
if(LoDiv.offsetWidth-oSpan.offsetWidth)
{
L=oDiv.offsetWidth-oSpan.offsetWidth+'px';
}
if(ToDiv.offsetHeight-oSpan.offsetHeight)
{
T=oDiv.offsetHeight-oSpan.offsetHeight+'px';
}
oSpan.style.left=L+'px';
oSpan.style.top=T+'px';
var oSpanX=L/(oDiv.offsetWidth-oSpan.offsetWidth);
var oSpanY=T/(oDiv.offsetHeight-oSpan.offsetHeight);
document.title=oSpanX+'|'+oSpanY
oImg.style.left=oSpanX*(aDiv.offsetWidth-oImg.offsetWidth)+'px';
oImg.style.top=oSpanY*(aDiv.offsetHeight-oImg.offsetHeight)+'px';
}
}