<![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이벤트 객체와 매개변수(mousemove)</title>
<style>
body { overflow: hidden; }
#followMouse { transition: transform 1s linear; }
</style>
</head>
<body>
<img id="followMouse" src="../media/photo3.png">
<script>
let image = document.getElementById("followMouse");
document.onmousemove = updateImage;
function updateImage(event) {
const X = event.clientX;
const Y = event.clientY;
image.style.transform = `translate(${X}px, ${Y}px)`;
}
</script>
</body>
</html>
]]>