asp.net - Asp MenuBar 选中选项卡

标签 asp.net html css

我的网站有点问题。 我从未使用过 Asp.net,所以如果可以的话,请直接粘贴正确的代码。 我在我的母版页中插入了带有此代码的菜单栏

        <div id="cssmenu">
        <ul>

          <li><a href="/IT/Default.aspx">Home</a></li>
            <li><a href="/IT/come_raggiungerci.aspx">Dove Siamo</a></li>
            <li><a href="/IT/contatti.aspx">Contatti</a></li>
            <li><a href="/IT/servizi.aspx">I Nostri Servizi</a></li>

        </ul>
    </div>

如何显示你在哪个标签页?

最佳答案

您可以使用页面的 Page.Title 属性设置标题并在母版页的代码中构建一个开关,该开关将检查 Page.Title 如果你点击了正确的标题,你可以设置一个属性

在页面中

<%@ Page Title="Aanbod" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Voorraad.aspx.cs" Inherits="AutoVanNetten.Vooraad" %>

在母版页代码后面

protected void Page_Load(object sender, EventArgs e)
    {
        switch (Page.Title)
        {
            case "Home":
                HomeButton.Attributes.Add("class", "active");
                break;
            case "Aanbod":
                VooraadButton.Attributes.Add("class", "active");
                break;
            case "Contact":
                ContactButton.Attributes.Add("class", "active");
                break;
          case "Diensten":
                DienstenButton.Attributes.Add("class", "active");
                break;
          case "Over":
                OverButton.Attributes.Add("class", "active");
                break;
            default:
                VooraadButton.Attributes.Add("class", "active");
                break;
        }
    }

母版页中的菜单

 <ul class="nav">
    <li runat="server" ID="HomeButton"><a href="/">HOME</a></li>
    <li runat="server" ID="VooraadButton"><a href="/Voorraad">AANBOD</a></li>
    <li runat="server" ID="DienstenButton"><a href="/Diensten">DIENSTEN</a></li>
    <li runat="server" ID="OverButton"><a href="/Over">OVER ONS</a></li>
    <li runat="server" ID="ContactButton"><a href="/Contact">CONTACT</a></li>
  </ul>

这是我如何在我的一个网站上使用它的确切代码

关于asp.net - Asp MenuBar 选中选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24550867/

相关文章:

javascript - 在 JavaScript 事件中添加最小值和最大值

c# - 我可以在 .NET Framework 4.0 上运行 MVC 5 应用程序吗?

html - CSS 将 h1 元素与流体标题中图像的底部对齐

javascript - html 中的一些 js 更改后,Javascript 中的按钮不起作用

html - 单选按钮的样式

jQuery,函数内的函数目标错误的div

css - 如何在不重复完整路径的情况下选择多个 sibblings CSS 类?

javascript - 检查 gridview 第一列中的所有复选框?

c# - OWIN 中 OAuthAuthorizationServer 的自定义响应

javascript - 如何使用 URL 重写在 javascript 中访问 REAL querystring 参数