私の ASP Web ページには、かなり基本的なメニュー項目のリストがあります。現在、ユーザーが現在使用しているメニュー項目にクラスを適用する方法を見つけようとしています。
たとえば、html では次のようになります。
<li class = "active"><a href="index.html">Home</a></li>
私の ASP メニューを以下に示します。
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
<asp:MenuItem NavigateUrl="~/Screenshots.aspx" Text="Screenshots"/>
<asp:MenuItem NavigateUrl="~/Technology.aspx" Text="Technology"/>
<asp:MenuItem NavigateUrl="~/Contact.aspx" Text="Contact"/>
</Items>
</asp:Menu>
これは、ユーザーがいるページに基づいて現在のメニュー項目に適用したい CSS スタイルです
.current
{
background:#40AD36;
color:#fff;
}
どんな助けでも大歓迎です。
みんなのコメントに基づいて、メニューに次の変更を加えましたが、まだ変更はありません...
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" DynamicSelectedStyle-CssClass ="current" StaticSelectedStyle-CssClass="current" >