如何使用具有不同圖案的菜單欄？

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，這仍然可行。