javascript - 永久显示隐藏的div

我有以下代码：

    <div id="div3"><img src="" width="20px" /></div>
    <div id="div4">
    ... -> menu
    </div>

通过使用以下内容：

    div3{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    }


    #div4{
    display: none;
    float:right;
    position: absolute;
    left: 60%;
    top: 50%;
    margin-top: -15px;
    margin-left: -70px;
    }

    #div3:hover + #div4 {
    display: block;
    }

悬停＃div3（这是一个图像）后，我使div4显示。但是我希望div4出现并在发现＃div3之后仍然存在。我在jquery中尝试了几个代码，但是它们不起作用。

你能帮我吗？

最佳答案

您可以（有效地）在纯CSS中执行此操作，以使其在现代浏览器中均可工作。诀窍是当悬停退出时，将非常大的值用于过渡延迟。像这样：

#div3:hover + #div4 { opacity:1; height:20px;transition-delay:0s; }
#div4 { opacity:0; height:0; transition-delay:360000s; }

见http://jsfiddle.net/7Fw3A/1/

关于javascript - 永久显示隐藏的div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20849481/