나는 말도 안되는 말을하지 않을 것입니다. 나는 당신에게 코드를 게시 할 것입니다. 특정 코드는 다음과 같습니다.
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> 지연 표시 프롬프트 프롬프트 박스 </title> <style>#div1 {float : 왼쪽; width : 60px; 높이 : 60px; 배경색;}#div2 {float; 왼쪽; 10px; 200px; Back odiv2.style.display = '블록'; // div2 // 마우스가 div1}로 이동할 때}; /// odiv1.onmouseout = function () {// timer = settimeout (function () {// odiv2.style.display = 'none'; // hime div2 //}, 500); // div1에서 div2로 이동하려면 div1에서 div1에서 이동할 때 div2가 숨겨져있을 때 지연 설정이 있어야합니다. /////odiv2.onmouseover = function () {// clartimeout (timer); // 마우스가 div2로 이동하면 지연 설정을 지우고 div2를 표시해야합니다. ///}; /// odiv2.onmouseout = function () {// timer = settimeout (function () {// odiv2.style.display = 'none'; // div2에서 벗어나면 500); // 마우스가 div2에서 그리고 div1로 이동하면 div2가 깜박이고 다시 표시되면 깜박임 효과를 지우기 위해 지연을 설정합니다. // 그러나 지연을 설정하고 마우스를 div1로 이동 한 후 Div2가 숨겨져 있습니다. // // 지연이 지연되고 지연에 대한 코드가 추가되어 지연을 지울 수 있습니다. //}; //이 네 가지 이벤트의 코드는 동일하거나 유사하기 때문에 다음과 단순화 된 처리가 수행 될 수 있습니다. ODIV1.ONMOUSEOVER = ODIV2.ONMOUSEOVER = function () {CLEARTIMEOUT (TIMER); ODIV2.STYLE.DISPLAY = 'BLOCK';/* DIV1, DIV2가 표시됩니다. Odiv2.onmouseOver는 ODIV2.style.display = 'block'으로 작성되지 않지만; 그러나 실제로 Odiv2는 '블록'상태에 있으며, 하나의 더 작문은 실질적인 영향*/}; odiv1.onMouseOut = Odiv2.onMouseOut = function () {timer = settimeout (function () {odiv2.style.display = 'none'; // hide div2에서 div1}, 500)을 제거합니다. // div1에서 div2로 이동하려면 div1에서 div1에서 이동할 때 지연 설정이 있어야합니다.}; // 단순화 된 코드 실행 결과는 이전 코드 효과와 정확히 동일합니다.} </script> </head> <body> <h2> 지연 프롬프트 </h2> <div id = "div id = <div id ="divml "> </hte.지연 프롬프트 상자를 작성할 때주의를 기울여야하는 포인트는 주석에 기록됩니다. 하나씩주의를 기울이십시오. 이 기능은 비디오 튜토리얼을 읽은 후 더 매끄 럽습니다. 그 이유는 코드를 작성하기 전에 필요한 기능 목록이 하나씩 구현되기 때문입니다. 문제가있는 경우 코드를 직접 작성하는 것보다 해당 조정을하는 것이 훨씬 좋습니다.