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/horizontal-dropdown-menus/

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