拡大鏡(scrollTopベース)
2183 ワード
Document
var box=document.getElementById('box');
var bigbox=document.getElementById('bigbox');
box.onmousemove=function(en){
var e=en||window.event;
bigbox.style.display="block";
bigbox.style.left=box.offsetLeft+box.offsetWidth+5+'px';
bigbox.style.top=box.offsetTop+'px';
//
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
var x=e.clientX-box.offsetLeft;
var y=e.clientY+scrollTop-box.offsetTop;
zoom.style.display="block";
// zoom
var left=Math.min(Math.max(x-50,0),300);
var top=Math.min(Math.max(y-50,0),200);
zoom.style.left=left+'px';
zoom.style.top=top+'px';
bigbox.scrollLeft=left*4;
bigbox.scrollTop=top*4;
}
box.onmouseout=function(){
bigbox.style.display="none";
zoom.style.display="none";
}