효과: 사물: onmousemove 이벤트를 사용하여 마우스 좌표를 가져온 다음 DIV를 하나씩 탐색하고 마지막으로 마우스 좌표를 DIV에 할당합니다. 코드: 코드 복사 코드는 다음과 같습니다. 높이: 20px; 배경: #00FFFF; 위치: 절대; } <br> document .onmousemove = function (ev) {<br> var div = document.getElementsByTagName('div');<br> <br> var oEvent = ev || event; //호환성 확인<br> var pos = GetMouse(oEvent); //호환성 확인 후 마우스 좌표 이동 기능을 이용하여 가로, 세로 좌표 획득<br> for ( var i = div.length - 1; i > 0; i--) { //마지막 것부터 시작하여 DIV를 트래버스합니다. <br> div[i].style.left = div[i - 1].offsetLeft 'px'; //이전 offsetLeft를 다음 오프셋에 부여 div[i].style.top = div[i - 1].offsetTop 'px'; //이전 offsetTop을 다음 <p>에 부여 }<br> div[0].style.left = pos.x 'px'; //마우스의 가로 좌표를 부여 두 번째 A <br> div[0].style.top = pos.y 'px'; //첫 번째 <br>에 마우스의 수직 좌표를 부여합니다. }<br> function GetMouse(ev) { //가져오기 마우스 움직임 scrollLeft 좌표, y: ev.clientY scrollTop }<br> }<br> ; ;div> ; > ;