0

asp.net mvc3 Web アプリケーションの既定のレイアウト テンプレートで、次の点を改善する必要があります。レイアウト テンプレートの一部は次のようになります。

<div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("Statistics", "Index", "Statistics")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>

私がやろうとしていることは:-

  1. <li>...</li>内に ある現在選択されているの色を変更するにはどうすればよいですか<ul id="menu">.。これにより、ユーザーは現在表示されている Web ページを認識することができます。
  2. <li></li>. ユーザーが特定のBRの上にマウスを移動すると自動的に表示されるサブメニューを追加する方法
4

3 に答える 3

1

MVCSiteMapProviderを使用してマルチレベルのサイトマップを作成できます。これがあなたが始めるための素晴らしいチュートリアルです。表示テンプレートを使用してメニューを生成し、簡単にスタイルや変更を行うことができます。

メニューを手動で作成し、現在選択されているメニュー項目のスタイルを設定する場合は、次のチュートリアルに従ってください。MVC3でアクティブなメニュー項目を作成する

最後に、メニューのスタイルを設定/アニメーション化する方法を説明します。ドロップダウンメニューソリューションを実装するのが簡単な14のような利用可能なjQueryプラグインがたくさんあります。

私は個人的にTwitterBootstrapとそのコンポーネントが本当に好きです。

于 2012-05-23T09:42:51.920 に答える
1

別のメニューの使用を実装する必要があります。そこにはたくさんあります。いくつかのメニューを見つけるには、このリンクをチェックしてください。JQuery

ところで、あなたの 2 番目の質問では、必要なのは JQuery 関数という名前hover()(使用方法を学ぶ) ですが、心配しないでください。これらのメニューにも実装されています。そのうちの 1 つを取得して、ニーズに合わせてください。

それが少し役立つことを願っています！

于 2012-05-23T02:01:08.850 に答える
0 
<ul id="menu">
  <li class="current">Home</li>
<ul>

<style>
  .current{background:#000;}
</style>

ドロップダウン メニューについては、http: //www.cssnewbie.com/easy-css-dropdown-menus/ にアクセスしてください。

于 2012-05-23T01:21:19.477 に答える