javascript - 通过 JS 悬停到整个 div

Question

当我想悬停到 div 时，它会悬停整个 div

我试图为覆盖设置高度但它丢失了!

<div id="Overlay" onmouseover="hoverDown()" onmouseout="hoverUp()" onload="muteOther()">

#Overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}

function hoverUp() {
    var a = document.getElementById("Overlay");

    a.style.opacity = "0";
    a.style.transition = "all 1s";

}

function hoverDown() {
    var a = document.getElementById("Overlay");
    a.style.opacity = "1";

    setTimeout(function () {
        a.style.opacity = "0";
        a.style.transition = "all 1s";
    }, 4000);

}

当l将光标移动到div时它的Overlay出现，当它out时Overlay绝望

Answer 1

尝试在 <script> 中包含 JavaScript标签。此外，您还可以使用 attr_for_div=func(this)和 func(this)在 js 中 this等于var a=doc... .