首页 文章

下拉菜单不下降

提问于
浏览 次
0

我正在使用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>
javascript html css drop-down-menu

4 回答

  • 0

    你有没有理由为你的下拉菜单而不是HTML和CSS使用Javascript？

    suckerfish下降的儿子是一个开始HTML和CSS下拉选项的好地方：http://htmldog.com/articles/suckerfish/dropdowns/

    回复于
  • 1

    它是 document.getElementById( divID ); ，请注意它是"Id"而不是"ID" . 你也错过了单引号，它应该是 onmouseover="onHover('otherLinks')" . 我也同意丹的回答 .

    回复于
  • 3

    可能是这个问题：你已经传递了div这个名字

    onmouseover="onHover('otherLinks)"

    尝试给出div名称

    onmouseover="onHover('otherLinks')"

    或者尝试java script ddl

    回复于
  • 10

    你只能使用css . 或者使用库JQuery .

    回复于

相关问题