c# - 如何使用 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/horizo​​ntal-dropdown-menus/

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