0

我复制了这个菜单：

http://50.112.96.159/wordpress/html/facebook_dropdown.html

它工作正常，但我有疑问。

我想要多个菜单，例如：

<dl style="" class="dropdown">
                   <dt><a id="linkglobal" style="cursor:pointer;"></a></dt>
                    <dd>
                        <ul id="ulglobal">
                            <li><a href="#">Everyone</a></li>
                            <li><a href="#">Friends</a></li>
                            <li><a href="#">Only Me</a></li>
                            <li><a href="#">Customize</a></li>
                      </ul>
                   </dd>
                </dl>

<dl style="" class="dropdown">
                   <dt><a id="linkglobal" style="cursor:pointer;"></a></dt>
                    <dd>
                        <ul id="ulglobal">
                            <li><a href="#">Everyone</a></li>
                            <li><a href="#">Friends</a></li>
                            <li><a href="#">Only Me</a></li>
                            <li><a href="#">Customize</a></li>
                      </ul>
                   </dd>
                </dl>

当我将#id 设置为时<dt>，菜单不起作用，我认为是因为 javascript。

有人可以帮我弄这个吗？

谢谢！

4

2 回答 2

0

好的-因此，如果您尝试设置两个不同的图像-我假设您正在谈论 privacyOff 和 privacyOn 图像，您需要像其他人建议的那样更改您的 html，首先具有唯一的 id，然后更改您的 css 以提供您想要的图像到那些 ids，比如：

html:

`<dt><a id="linkglobal" style="cursor:pointer;"></a>  ...</dt>`

变成

`<dt><a id="linkglobalOne" style="cursor:pointer;"></a>  ...</dt>`

和CSS：

.dropdown dt a {background:#EEEEEE url(/wordpress/images/privacyOff.png) no-repeat scroll right center;
display:block; width:40px; height:22px; cursor:pointer;}

变成：

#linkglobalOne {background:#EEEEEE url(<IMAGE YOU WANT>.png) no-repeat scroll right center;
display:block; width:40px; height:22px; cursor:pointer;}
于 2012-12-24T01:30:09.100 回答
0

您提供的示例 URL 包含具有唯一 ID 的 A 和 UL 元素，但您的两个菜单的 ID 相同。浏览器将允许在文档中使用重复的 ID，但出于一些原因应该避免这种情况 - 但其中之一是 JavaScript 将按预期工作（对于多个 ID，无法保证 getElementById() 返回哪个元素）。

于 2012-12-23T20:38:02.567 回答