Question

我正在创建一个包含菜单和子菜单的简单网站。当页面加载时，它显示Re-Board及其子菜单，就像它已经从无处悬停一样。我希望Home li成为加载页面时的默认菜单。有什么问题？我检查了我的css和js文件并做了一些测试，但问题仍然存在。请帮忙。非常感谢!!!

HTML结构就是这样。

<ul id="topnav">
    <li style=""><a href="">Home</a></li>
    <li>
        <a href="">Company</a>
        <span>
            <a href="">The Company</a> |
            <a href="">The Team</a> |
            <a href="">Careers</a>
        </span>
    </li>
    <li>
        <a href="">Re-Board</a>
        <span>
            <a href="">What We Do</a> |
            <a href="">Our Process</a> |
            <a href="">Testimonials</a>
            </span>
            </li>
    <li><a href="">Design Database</a></li>
    <li><a href="">New</a></li>
    <li><a href="">Catalog</a></li>
    <li class="none-b"><a href="">Contact us</a></li>
</ul>

我的完整代码：）

http://jsfiddle.net/X9DwY/

Answer 1

如果您不想立即显示第二个子菜单，则首先需要隐藏它：

<span style="display:none;"></span>

而不是：

<span></span>

加载页面时为什么第三个li元素始终聚焦？

1 个答案: