이 기사의 예에서는 js가 마우스 움직임을 따르고 닫기 기능이 있는 이미지 광고를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. 마우스 움직임을 따라가며 닫는 기능이 있는 이미지 광고 사이에 다음 코드를 추가하세요. <br> //<![CDATA[<br /> 함수 badAD(html){<br /> var ad=document.body.appendChild(document.createElement('div'));<br /> ad.style.cssText="border:1px solid #000;배경:#FFF;position:absolute;padding:24px 4px 4px 4px;font: 12px/1.5 verdana;";<br /> ad.innerHTML=html||'이건 좋지 않은 생각입니다!';<br /> var c=ad.appendChild(document.createElement('span'));<br /> c.innerHTML="×";<br /> c.style.cssText="위치:absolute;right:2px;top:2px;cursor:pointer";<br /> c.onclick=함수(){<br /> document.onmousemove=null;<br /> This.parentNode.style.left='-99999px' <br /> };<br /> Document.onmousemove=함수 (e){<br /> e=e||window.event;<br /> var x=e.clientX,y=e.clientY;<br /> setTimeout(function() {<br /> if(ad.hover)return;<br /> ad.style.left=x 5 'px';<br /> ad.style.top=y 5 'px';<br /> },120)<br /> }<br /> ad.onmouseover=함수(){<br /> This.hover=true<br /> };<br /> ad.onmouseout=함수(){<br /> This.hover=false<br /> }<br /> }<br /> badAD('<img src="/images/m02.jpg">')<br> //]]><br> <br> </본문><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
