asp.net mvc 导航标签背景色切换的实现

效果：站点导航一个特效是当位于不同页面的时候，对应的导航的标签是高亮的，背景色加深。

解决方案：通过在不同页面中设置一个标识值，传回到_Layout.cshtml布局页中设置对应导航的css类。

具体实现：

方法一

1、在index.cshtml中设置标识值，@{    ViewBag.navIndex = 0; }。

2、在_Layout.cshtml中接收标识值并通过JavaScript来控制css类。

<script type="text/javascript">
    $(function ()
    {
        var m = @ViewBag.navIndex
        $("#navbar ul li").eq(m).addClass("active");
    });
</script>

方法二

1、在index.cshtml中设置标识值，@{    ViewBag.tabIndexClass = "active";}

2、在_Layout.cshtml中接收标识值，html标签中直接引用。<li class="@ViewBag.tabIndexClass">@Html.ActionLink("首页", "Index", "Home")</li>