0

マスターページを使用してウェブサイトを開発していますこのマスターページにはメニューがありませんが、コンテンツページの1つにJavaScriptメニューを作成したいので、このページは他のページに移動し、同じメニューが常に表示されます。

私はc＃とasp.netを使用しているので、それを行う方法と、このメニューをすべての選択されたアイテム間で修正する方法（およびいくつかのcssによって選択されたアイテムを確認する）。

私はとても混乱しているので、私が必要なものをうまく説明したことを願っています。

4

1 に答える 1

3

これには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

于 2012-12-09T08:34:03.807 に答える