<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onmousemove</title>
<style>
img{
width:30px;
height:30px;
}
</style>
<h3>이미지 커서 만들기</h3>
<hr>
<p>마우스를 움직이면 이미지로 만든 커서가 마우스를 따라 다닙니다.</p>
<div id="img">
<img src="images/spongebob.png" onmousemove="where(event)">
</div>
<script>
function where(e) {
var imgDiv = document.getElementById("img");
var img += e.screenX + e.screenY;
var img += e.clientX + e.clientY;
var img += e.offsetX + e.offsetY;
var img += e.x + e.y;
}
</script>
<div id="imgDiv" style="position:absolute"></div>
</head>
</html>
전반적으로 4번문제에 대한 힌트를 확인해도 어려운데 ㅠㅠ 어느 부분이 수정되어야 하는지 알 수 있을까요??
