방법: 동일한 디렉토리에 표시할 a.html과 wait.gif 이미지를 새로 만듭니다. a.html의 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. "http://www .w3.org/TR/html4/loose.dtd"> <제목> <br> var path = './'; // 그림의 상대 경로<br> function show(obj) {<br> var name = obj. innerText;<br> var sDiv = document.getElementById ('img_' name.split('.')[0]);//파일 이름을 직접 판단하세요<br> .id = 'img_' name.split('. ')[0];<br> sDiv.style.position = 'absolute';<br> sDiv.style.top = obj.offsetTop obj.offsetWidth 'px' <br> sDiv.style.left = obj.offsetLeft obj.offsetHeight 'px';<br> sDiv.style.border = '1px red solid';<br> var img = document.createElement("im g");<br> img.src = 경로 이름 🎜> sDiv.style.display = '차단';<br> . sDiv) {<br> sDiv.style.display = 'none';<br> }<br> }<br> <br><br><br><div onmouseover="show(this)" onmouseout="f(this)" style="position:absolute;"> wait.gif<br></div><br></body><br></html><br> <br><br><br> </div> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
