'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仍然顯示

回答

相關問題