如何使用JavaScript为 asp.net 网站创建水平下拉菜单

Question

我正在使用母版页开发我的网站，这个母版页没有任何菜单，但我想为其中一个内容页面创建一个 JavaScript 菜单，此页面将导航到其他页面，那里将始终出现相同的菜单。

我正在使用 C# 和 asp.net 所以如何做到这一点并使此菜单在所有选定项目中也固定（并查看某些 CSS 选择了哪一个）。

我希望我很好地描述了我需要的东西，因为我对此感到非常困惑。

Answer 1

你不需要JS。有很多解决方案，您只是没有使用正确的关键字。尝试搜索：水平下拉菜单css

第一步是创建一个嵌套的 ul-li-ul-li 结构：

<ul id="coolMenu">
    <li><a href="#">Lorem</a></li>
    <li><a href="#">Mauricii</a></li>
    <li>
        <a href="#">Periher</a>
        <ul>
            <li><a href="#">Hellenico</a></li>
            <li><a href="#">Genere</a></li>
            <li><a href="#">Indulgentia</a></li>
        </ul>
    </li>
    <li><a href="#">Tyrio</a></li>
    <li><a href="#">Quicumque</a></li>
</ul>

然后应用一些 CSS 规则。

#coolMenu,
#coolMenu ul {
    list-style: none;
}
#coolMenu {
    float: left;
}
#coolMenu > li {
    float: left;
}
#coolMenu li a {
display: block;
    height: 2em;
    line-height: 2em;
    padding: 0 1.5em;
    text-decoration: none;
}
#coolMenu ul {
    position: absolute;
    display: none;
z-index: 999;
}
#coolMenu ul li a {
    width: 80px;
}
#coolMenu li:hover ul {
    display: block;
}

更多代码：http://www.cssnewbie.com/horizontal-dropdown-menus/

其他解决方案：http://matthewjamestaylor.com/blog/centered-dropdown-menus