Ich werde nicht viel Unsinn sagen, ich werde Ihnen den Code einfach veröffentlichen. Der spezifische Code lautet wie folgt:
<! DocType html> <html Lang = "en"> <head> <meta charset = "utf-8"> <title> delay Display-Eingabeaufforderung Box </title> <style>#div1 {float; links; Breite: 60px; Höhe: 60px; Hintergrundfarbe: Aqua;}#div2 {position: relativ: relativ; 200px; Hintergrundfarbe: #cccccc; Anzeige: keine;} </style> <skript> Fenster.onload = function () {var odiv1 = document.getElementById ('div1'); var odiv2 = document.getElementById ('div2'); var timer = null; // Odiv1.onmoUmsover = function () {) {) {// //Timout (timer); odiv2.Style.display = 'Block'; // div2 // Wenn die Maus in Div1}; //// odiv1.onmouseout = function () {// timer = setTimeout (function () {// odiv2.style.display = 'none'; // Div2 //}, 500), wechselt, // Um von Div1 nach Div2 zu wechseln, sollte Div1 aus Div1 herausgezogen werden, sollte es eine Verzögerungseinstellung geben, wenn Div2 versteckt ist //}; //// Odiv2.onmouseover = function () {// Clearimeout (Timer); // Löschen Sie die Verzögerungseinstellung, wenn sich die Maus in Div2 bewegt, sollte Div2 angezeigt werden //}; /// Odiv2.onmouseout = function () {// timer = setTimeout (function () {// odiv2.style // Wenn sich die Maus aus Div2 und in Div1 bewegt, blinkt Div2 und zeigt erneut eine Verzögerung, um den blinkenden Effekt zu löschen. // // ist jedoch nach dem Einstellen der Verzögerung und des Verschiebens der Maus in Div1, Div2, versteckt, da SetTimeout, // // die Verzögerung gelöscht werden sollte, und der Code für die Verzögerung im ODIV1.onmouseover -Ereignis hinzugefügt wird, um die Verzögerung zu löschen. //}; // Da die Codes in diesen vier Ereignissen gleich oder ähnlich sind, kann die folgende vereinfachte Verarbeitung erfolgen: odiv1.onmouseover = odiv2.onmouseover = function () {ClearTimeout (Timer); Obwohl odiv2.onmouseover nicht in der odiv2.style.display = 'block' geschrieben ist; Tatsächlich ist ODIV2 im Status 'Block', ein weiterer Code hat keinen wesentlichen Einfluss*/}; odiv1.onmouseout = odiv2.onmouseout = function () {timer = setTimeout (function () {odiv2.Style.display = 'None'; // DIV2 ausblenden, wenn der Maus aus Div1}, 500); //In order to move from div1 to div2, there should be a delay setting when div1 is moved out of div1};// The simplified code execution result is exactly the same as the previous code effect.}</script></head><body><h2>Delay prompt box</h2><div id="div1"></div><div id="div2"></div></body></html>Die Punkte, die beim Schreiben des Verspätungs -Eingabeaufenthaltungsfelds geachtet werden müssen, werden in den Kommentaren aufgezeichnet. Bitte achten Sie darauf nacheinander. Diese Funktion ist nach dem Lesen des Video -Tutorials reibungsloser. Der Grund dafür ist, dass vor dem Schreiben des Code eine Liste der erforderlichen Funktionen nacheinander implementiert wird. Wenn es ein Problem gibt, ist es viel besser, entsprechende Anpassungen vorzunehmen, als den Code direkt zu schreiben.