如何检测用户控件中的“我在哪里”?

时间:2014-01-26 12:36:39

标签: css menu

我有一个名为“TopMenu”的用户控件。我的网站有五页。菜单代码如下所示:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UstMenu.ascx.cs"         Inherits="UstMenu" %>
<ul class="tabs menu">
<li>
<a href="Default.aspx" class="active">Anasayfa</a>
</li>
<li>
<a href="AboutUs.aspx">Hakkımızda</a>
</li>enter code here
<li>
<a href="Products.aspx">Ürünler</a>
</li>
<li>
<a href="Support.aspx">Destek</a>
</li>
<li>
<a href="Contact.aspx">İletişim</a>
</li>
</ul>

我在我的css中看到了一个“活动”类。例如,如果用户点击支持页面,支持页面链接必须采用“活动”类。我不想把我的菜单写到我的所有页面上。如何检测我所在的页面?

1 个答案:

答案 0 :(得分:1)

您可以在后端或前端通过JS或CSS执行此操作。如果你想坚持使用CSS,那就是在每个页面上放置一个不同的类或ID,比如<body>元素:

<body class="about">

在每个列表项上,您放置类似的东西。 E.g。

<a class="about" href="AboutUs.aspx">Hakkımızda</a>

然后,在您的CSS文件中,有一系列声明如下:

.about .about, .contact .contact, .home .home {active styles here}

(作为旁注,最好将这些“当前”链接称为“活动”链接,因为“:active”链接是不同的。)