下拉菜單未刪除

Question

我正在嘗試使用Javascript創建簡單的下拉菜單，但是當我將鼠標懸停在應該顯示下拉菜單的鏈接上時，沒有任何反應。 您認為我的JavaScript有什么問題？

Javascript：

function onHover( divID )
    {
        var div = document.getElementByID( divID );

        if (div)
        {
            div.className = "unHidden";
        }
    }

    function onLeave( divID ) 
    {
        var div = document.getElementByID( divID );

        if (div)
        {
            div.className = "hidden";
        }
    }

我的CSS：

.hidden { visibility: hidden; }
.unHidden { visibility: visible; z-index: 30; }

最后是我的HTML：

<li>
<a onmouseover="onHover('otherLinks)" onmouseout="onLeave('otherLinks')">Other Links</a>
<div class="hidden" id="otherLinks" onmouseover="onHover('otherLinks)" onmouseout="onLeave('otherLinks')">
    <ul>
    <li><a href="events.html">Events</a></li>
    <li><a href="foodNutrition.html">Food & Nutrition</a></li>
    <li><a href="faq.html">FAQ</a></li>
    </ul>
</div>
</li>

Answer 1

有什么理由為什么要使用Javascript作為下拉列表而不是HTML和CSS？

可以將Suckerfish下拉菜單之子用作HTML和CSS下拉選項的好地方： http : //htmldog.com/articles/suckerfish/dropdowns/

Answer 2

它是document.getElementById( divID ); ，請注意，它是“ Id”而不是“ ID”。 您還缺少單引號，應該是onmouseover="onHover('otherLinks')" 。 我也同意丹的回答。

Answer 3

可能是這樣的問題：您已經通過了div名稱，例如

onmouseover="onHover('otherLinks)"

嘗試給div名稱像

onmouseover="onHover('otherLinks')"

或嘗試使用Java腳本ddl

Answer 4

您只能使用css 。 或使用庫JQuery 。