asp.net mvc 導航標籤背景色切換的實現__.net

效果：網站導覽一個特效是當位於不同頁面的時候，對應的導航的標籤是高亮的，背景色加深。

解決方案：通過在不同頁面中設定一個標識值，傳回到_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>