'Onmouseover'状态显示div;更改区域，以便div仍然显示

我无法编写Javascript，但我有一个片段，我将其添加到网页中。目前，我的代码有一个mouseover，会显示一个隐藏的div。但是，当用户尝试点击链接时，隐藏div中的导航将立即消失，因为用户需要将其鼠标从原始触发器移开以达到导航。'Onmouseover'状态显示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>

如果我的问题已经回答了，在正确的方向指针，将不胜感激 - 我不没有所有正确的词汇来做正确的搜索。

谢谢！

来源

2012-02-09 Helen

你能不能隐藏它？删除'onmouseout ='toggle（'hidden1'）;'。如果你需要自动隐藏，用户可以到达其他区域的用例是什么？在这种情况下它应该隐藏/隐藏的时间是什么时候？ – mrtsherman 2012-02-09 04:42:51

我最终回答了我自己的问题。为了让隐藏的div在用户滚动时保持打开状态，并在不再需要它时再次消失，我只是将“onmouseover”和“onmouseout”功能添加到隐藏的div中。

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

谢谢你的时间！

来源

2012-02-09 17:03:23 Helen

'Onmouseover'状态显示div;更改区域，以便div仍然显示

回答

相关问题