Question

我无法编写Javascript，但我有一个片段，我正在添加到网页中。目前，我的代码有一个鼠标悬停，将显示一个隐藏的div。但是，隐藏div中的导航会在用户尝试单击链接时立即消失，因为用户需要将鼠标移离原始触发器才能到达导航。

这是我的Javascript：

<script language="JavaScript">
    function toggle(id) {
        var state = document.getElementById(id).style.display;
            if (state == 'block') {
                document.getElementById(id).style.display = 'none';
            } else {
                document.getElementById(id).style.display = 'block';
            }
        }
</script>

这是我的HTML：

<nav>
    <ul>
        <li class="ovr"><a href="#" onmouseover="toggle('hidden1');" onmouseout="toggle('hidden1');">Overview</a></li>
    </ul>
</nav>


<div class="container">
<div id="hidden1">
    <ul>
        <li><a href="#description">Description</a></li>
        <li><a href="#objectives">Objectives</a></li>
        <li><a href="#semestertopics">Semester Topics</a></li>
        <li><a href="#greenteaching">Green Teaching</a></li>
        <li><a href="#howtodowellinthiscourse">How to Do Well in this Course</a></li>
    </ul>
</div>

如果我的问题已经得到解答，那么我们将非常感谢正确方向的指针 - 我没有正确的词汇来进行正确的搜索。

谢谢！

Answer 1

我最后回答了自己的问题。当用户滚动它时让隐藏的div保持打开并且当它们不再需要它时它再次消失，我只是将“onmouseover”和“onmouseout”函数添加到隐藏的div中。

<div id="hidden1" onmouseover="toggle('hidden1');" onmouseout="toggle('hidden1');>

感谢您的时间！

'Onmouseover'州揭示了div;改变区域所以div仍然显露出来

1 个答案: