效果:站点导航一个特效是当位于不同页面的时候,对应的导航的标签是高亮的,背景色加深。
解决方案:通过在不同页面中设置一个标识值,传回到_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>