문제는 div 요소가 onmouseout 이벤트를 트리거해야 하며 div 내부에 하위 요소가 있으므로 마우스가 div의 하위 요소로 이동하면 onmouseout 이벤트도 트리거된다는 것입니다. 이 문제는 부동 레이어 효과를 수행할 때 자주 발생합니다. 해결책 1: jQuery를 사용하면 누구나 알 수 있습니다. 코드 복사 코드는 다음과 같습니다. 플로팅 레이어 표시 트리거 1 3 🎜> <br>$("#div1").mouseover(function(){ <br>$("#div2").show(); <br>$("#div2").bind (" mouseleave",function(){ <br>$(this).hide(); <br>});//이 문장은 플로팅 레이어를 트리거하는 함수에 작성되어야 합니다 <br>};); <br>< /script> <br><br> <br>해결책 2: <br>onmouseout이 하위 요소에서 실행되지 않도록 방지: <br><br><br> 코드 복사 <br><br><div class="codetitle"> 코드는 다음과 같습니다. <span><a style="CURSOR: pointer" data="39874" class="copybut" id="copybut39874" onclick="doCopy('code39874')"> <u><div id="div1" onmouseover="document.getElementById('div2').style .display='block' ;">플로팅 레이어 표시 트리거</div> </u><div id="div2" onmousemove='this.style.display="";' onmouseout='this.style. display="none"; '> </a><li>1</li> </span><li>3< 리> </div>< ;/ul> <div class="codebody" id="code39874"></div></div>