아래와 같습니다. 코드를 복사하세요 코드는 다음과 같습니다. <br> .toopTip<br> ;<br> DIV의 왼쪽 경계가 표시된 DIV와 겹칩니다. 위쪽 경계에 있으므로 다음을 수행해야 합니다. 문서 헤드 W3C 표준을 삭제합니다. ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><br> */<br> function initEvent() {<br> var divArray = document.getElementsByTagName(" div");<br> for (var i = 0; i < divArray.length; i ) {<BR> divArray[i].onmouseover = createDivDetailOne;<BR> /*<BR> 원본 div와 묶을 수 없습니다. 고정된 마우스를 제거한 사건은 세부사항의 너비 길이가 원본 DIV보다 크기 때문입니다. <BR> 원본 div가 가려지면 이때 자동으로 트리거됩니다. ONMouseout 이벤트 <BR> */<br> // DIVARAY [i].onmouseout = RemoveDivDetail;<br> }<BR> }<BR> function createDivDetailOne() {<BR> //divDetail div의 고유성 보장<BR> var divDetail = document.getElement ById("divDetail"); <BR> <BR> divObj = document.createElement("div");<BR> divObj.className = "toopTip";<BR> divObj.setAttribute("id", "divDetail");<BR> divOb j.style.position = "절대";<BR> divObj.style.width = "200px";<BR> divObj.style.height = "100px";<BR> var TriggerObj = window.event.srcElement;<BR> divObj.style. top = TriggerObj.offsetTop;<BR> divObj.style.left = TriggerObj.offsetLeft;<BR> divObj.innerHTML = TriggerObj.innerText;<BR> document.body.appendChild(divObj);<BR> // 여기에서 사용됩니다. time 세부 div가 원본 div를 덮었으므로 해당 div를 이벤트 처리해야 합니다. <BR> document.getElementById("divDetail").onmouseout = function() {<BR> divObj = this;<BR> if (! divObj ) {<BR> Return; <BR>} <BR> Document.body.removechild (divobj); <BR>} <BR>}> 함수 RemoveDIVDetail GetelementByid ( "divDetail");<BR> if (!divObj ) {<BR> return;<BR> }<BR> document.body.removeChild(divObj);<BR> }<BR> <BR></P> window.onload = initEvent;<P> </script><br> <br></head><p><body><br> <div id="divOne" style="Background-color: Fuchsia; 너비: 100px; 높이: 100px;" 🎜> Hello My Js World!<BR> </div><br> <div id="divTwo" style="Background-color: Aqua; width: 100px; height: 100px"><br> 에 오신 것을 환영합니다. 이것이 나의 Js 세계입니다!<br></div><br></body><br></html><br><br><br></p> </div>
