如何為asp.net網站使用javascript創建水平下拉菜單？

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