자바스크립트 마우스 따라 다니는 이미지 2탄

마우스 커서가 움지는 위치를 따라 다니는 이미지 기능을 앞전에 올렸는데 문제점이 스크롤을 내려 버리면 좌표값이 이상해지는 문제를 발견해서 스크롤시엔 스크롤에의한 이동된 좌표값을 추가하도록 했습니다.

<div id=cs style="visibility:hidden;position:absolute;left:10;top:10;width:125;height:35;">
<img src="http://amsimg.daum-img.net/www2/0Cbw/cJcd/samsung_bs_12535_0415_.jpg">
</div>
<script>
function Move1(e) {
 document.cs.left=e.pageX + 10;
 document.cs.top=e.pageY + 10;
}
function Move2(){
 cs.style.left=event.clientX + document.body.scrollLeft;
 cs.style.top=event.clientY + document.body.scrollTop;
}
if (document.layers) {
 document.captureEvents(Event.MOUSEMOVE);
 document.onmousemove=Move1;
}
if (document.all) {document.onmousemove=Move2;}
function Show_icon(divid) {
  cs.style.visibility = "visible";
}
function Hide_icon(divid) {
  cs.style.visibility = "hidden";
}
</script>
<img src="http://photo-media.daum-img.net/200904/15/mediadaum/20090415114211.511.jpg"  onmouseover="Show_icon()" onmouseout="Hide_icon()">

[출처] 유포유 - http://www.uforu.net/bbs/board.php?bo_table=board05&wr_id=88