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

Question

我正在使用 ma​​ster page 开发我的网站，这个 master page 没有任何菜单，但我想为 content page 和这个页面将导航到其他页面，那里总是出现相同的菜单。

我正在使用 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