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">.. 这可以帮助用户识别当前正在查看的网页。
  2. 我如何添加一个子菜单，当用户将鼠标移到特定<li></li>. BR上时该子菜单将自动显示
4

3 回答 3

1

您应该使用不同的菜单，那里有很多！检查此链接以查找一些JQuery菜单。

哦，顺便说一句，在您的第二个问题中，您需要的是一个名为hover()（学习如何使用它）的 JQuery 函数，但别担心，这也在这些菜单中实现，只需获取其中一个并根据您的需要进行调整。

希望它有点帮助！

于 2012-05-23T02:01:08.850 回答
1

您可以使用MVCSiteMapProvider创建多级站点地图。这是一个很好的教程，可以帮助您入门。它使用显示模板生成菜单，您可以轻松地对其进行样式设置和更改。

如果您更喜欢手动创建菜单并希望设置当前选定菜单项的样式，请按照本教程操作：在 MVC3 中创建活动菜单项

最后一件事是如何为您的菜单设置样式/动画。有大量可用的 jQuery 插件，例如14 个易于实现的下拉菜单解决方案。

我个人非常喜欢Twitter Bootstrap及其组件。

于 2012-05-23T09:42:51.920 回答
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 回答