如何改進我的asp.net mvc 3 Web應用程序的默認布局模板？

Question

我需要在我的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. 如何更改<ul id="menu">.當前所選<li>...</li>的顏色<ul id="menu">. 。 這可以幫助用戶識別當前正在查看的網頁。
2. 如何添加子菜單，當用戶將鼠標移到特定的<li></li>.時，該子菜單將自動顯示<li></li>. BR

Answer 1

你應該實現不同菜單的使用，那里有很多！ 檢查此鏈接以查找一些JQuery菜單。

哦，順便說一下，在你的第二個問題中，你需要的是一個名為hover()的JQuery函數（ 學習如何使用它），但不要擔心，這些也在這些菜單中實現，只需獲取其中一個並根據您的需要進行調整。

希望它有點幫助！

Answer 2

您可以使用MVCSiteMapProvider創建多級站點地圖。 這是一個很好的教程 ，讓你開始。 它使用顯示模板生成菜單，您可以輕松地設置樣式和更改。

如果您希望手動創建菜單並想要設置當前所選菜單項的樣式，請遵循以下教程： 在MVC3中創建活動菜單項

最后一件事是如何為您的菜單設置樣式/動畫。 有大量可用的jQuery插件，如14個易於實現的下拉菜單解決方案 。

我個人非常喜歡Twitter Bootstrap及其組件 。

Answer 3

<ul id="menu">
  <li class="current">Home</li>
<ul>

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

如需下拉菜單，請訪問： http ： //www.cssnewbie.com/easy-css-dropdown-menus/ 。