以下に示すように: コードをコピーします コードは次のとおりです: <br> .toopTip<br> <br> border-color:Red; DIV の左側の境界が表示されている DI と重なっています。 V が上限にあるため、次のようにする必要があります。ドキュメントの先頭 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> 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> vartriggerObj = 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>}> 関数 RemoveDIVDetail GetelementByid ( "divDetail");<BR> if (! ) {<BR> return;<BR> }<BR> document.body.removeChild(divObj);<BR> }<BR> <BR><BR> window.onload = initEvent;</P> </script><p> <br><br></head></p><body><p> <div id="divOne" style="background-color: Fuchsia; width: 100px; height: 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>
