Question

我用鼠标悬停和下拉菜单创建了一个漂亮的小菜单。

导航代码很简单：

        <ul class="menu" id="menu">
        <li><a href="#" class="menulink" id="home">Home</a></li>
        <li><a href="#" class="menulink" id="about">About</a>
            <ul>
                <li><a href="#">Our History</a></li>
                <li><a href="#">Our Process</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Financing</a></li>
                <li><a href="#">Testimonials</a></li>
                <li><a href="#">Subcontractors</a></li>
            </ul>
        </li>
        <li><a href="#" class="menulink" id="portfolio">Portfolio</a></li>
        <li><a href="#" class="menulink" id="maintenance">Maintenance</a></li>
        <li><a href="#" class="menulink" id="testimonials">Testimonials</a></li>
        <li><a href="#" class="menulink" id="contact">Contact Us</a></li>
    </ul>

孤立地按预期运作：http://www.rouviere.com/nav/

但是，当我把它放到位时：http://www.rouviere.com/jr/ 关于下的下拉菜单会保持隐藏状态。

我很感激帮助找出下拉菜单没有显示的原因。

感谢。

Answer 1

在行p=h.getElementsByTagName('a')[0]中，您指的是索引的关于链接。这适用于您的测试页面，但您的真实页面在主徽标上有一个新的锚标记，它位于HTML中的About链接之前。您应该为您的“关于”链接指定id属性，并在JavaScript中引用它。

导航和失踪的情况下降

1 个答案: