Я не скажу много чепухи, я просто опубликую вам код. Конкретный код заключается в следующем:
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> Box Disply Display </title> <style>#div1 {float: width: 60px; высота: 60px; фоновый звук: aqua;}#div2 {position: vitivative; float: margin: 0 10px; 200px; фоновый цвет: #cccccc; display: none;} </style> <script> window.onload = function () {var Odiv1 = document.getElementbyId ('div1'); var Odiv2 = document.getElementById ('div2'); var-timer = null; // odiv1.onmouse = function ('///raytime; Odiv2.style.display = 'block'; // div2 // Когда мышь перемещается в div1}; //// odiv1.onmouseout = function () {// timer = settimeout (function () {// odiv2.style.display = 'none'; // скрыть div2 //}, 500); // Чтобы перейти из Div1 к Div2, когда Div1 выходит из Div1, должен быть настройка задержки, когда Div2 скрыт //}; //// Odiv2.onmouseover = function () {// cleartimeout (timer); // Очистить настройку задержки, когда мышь перемещается в Div2, Div2 должен отображаться //}; ////// ODIV2.onMouseout = function () {// timer = settimeout (function () {// Odiv2.style.display = 'none'; // Когда мышь выходит из Div2, div2 должен быть hiden //}, 500); // Когда мышь выходит из Div2 и в Div1, Div2 снова будет вспыхивать и отображать, установите задержку, чтобы очистить мигающий эффект; // // однако, после установки задержки и перемещения мыши в DIV1, Div2 скрыт, потому что SetTimeout, // // задержка должна быть очищена, а код для задержки добавляется в событии ODIV1.OnmouseOver, чтобы очистить задержку. //}; // Поскольку коды в этих четырех событиях одинаковы или аналогичны, можно сделать следующую упрощенную обработку: 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'; // скрыть div2, когда мышь удаляется от div1}, 500); // Чтобы перейти от Div1 к Div2, должна быть настройка задержки, когда Div1 перемещается из Div1}; // Упрощенное результат выполнения кода точно так же, как и предыдущий эффект кода.} </Script> </head> <hody> <h2> Box задержки </h2> <div = "div1"На то, что в комментариях записываются точки, которые необходимо обратить внимание при написании коробки «Задержка задержки». Пожалуйста, обратите внимание на это один за другим. Эта функция более гладкая после прочтения видеоурок. Причина в том, что перед написанием кода список необходимых функций реализуется один за другим. Если есть проблема, гораздо лучше вносить соответствующие корректировки, чем писать код напрямую.