如何使用具有不同图案的菜单栏？

Question

我正在使用Visual Studio 2005，ASP.NET和C＃。

我想使用菜单栏，其active当他们各自的目标页面是当前显示的目标页面。

想象一下，用户点击一个菜单项，就会出现导航到目标页面，并且他们选择的菜单项目现在与菜单中其他项目的颜色不同，作为表示这是当前活动位置。

如何实现这一目标？

Answer 1

是否要创建导航菜单，当用户点击某个链接时目标改变为不同的颜色？

如果是这样，你只能用html和css来做。

或者如果你喜欢，你可以创建css类。 然后你可以检查你在哪个页面并改变服务器端对象的cssClass属性。

Answer 2

对此进行排序的最佳方法是在按钮/链接中添加一个css类，以更改项目的样式以突出显示它。即

<ul> 
    <li><a id="Url1" href="/Url1" class="selected" runat="server">Item 1</a></li> 
    <li><a id="Url2" href="/Url2" runat="server">Item 2</a></li> 
</ul> 

我通常尝试并通过从url中检测到它，以便如果用户直接转到页面，代码也可以处理。它可以通过ServerSide C＃或JavaScript来完成，但我总是使用服务器端代码实现，因为如果用户禁用了JavaScript，这仍然可行。