鏈接顏色變化

我有一個名爲「導航」的鏈接我希望鏈接顏色改變，因爲我點擊它並保持改變。例如：默認顏色是藍色。當我點擊鏈接時，它會轉到另一個選項卡，顏色變成綠色，並且應該保持綠色。鏈接顏色變化

這裏是迄今爲止代碼：

<style type="text/css"> 
a.specialAnchor 
{ 
    font-size: 1em; 
    text-align: right; 
    padding: 10px; 
    padding-right: 15px; 
    color: #0066FF; 
} 
a.specialAnchor:link 
{  
color: #0066FF; 
} 
a.specialAnchor:visited 
{  
color: Green; 
} 
a.specialAnchor:hover 
{ 
    color:Orange; 
    text-decoration:underline; 
} 
a.specialAnchor:active 
{ 
color: Green; 
text-decoration:underline; 
} 

<asp:LinkButton ID="Navigation" runat="server" BorderStyle="None" CssClass ="specialAnchor" 
       PostBackUrl="~/navigation.aspx">Navigation</asp:LinkButton>

這不給我我想要請幫助的結果。

基本上我的網頁看起來像這樣：有四個選項卡：A，導航，C，D 而在所有這四個選項卡中，頁面底部都有鏈接。當你在A上，並且你點擊導航鏈接時，它會把你帶到導航頁面。我想要的是當鏈接被點擊或訪問時改變鏈接的顏色。

謝謝

來源

2011-12-14 Ish

您是否嘗試將訪問過的僞類的顏色更改爲綠色？試試看看是否按照你想要的方式工作？

來源

2011-12-14 16:38:29

它不工作。有沒有其他方法可以執行此操作？ – Ish 2011-12-14 16:41:39

你的錨點標籤有'href`值嗎？ `：visited`僞類只有在`href`中指定的地址存在於瀏覽器的歷史記錄中，或者'href`包含一個散列引用（即`＃something`或者簡單地`＃`）時纔可以工作。如果參考鏈接存在於歷史記錄中，我應該注意具有相同`href`的所有鏈接將顯示爲`：visited`。 – Aaron 2011-12-14 17:01:55

好，因爲你有這樣的

<a class="spec" href="wherever">Link</a>

您需要的款式像這樣

<style type="text/css"> 
.spec:link {color:#FF0000;} /* unvisited link */ 
.spec:visited {color:#00FF00;} /* visited link */ 
.spec:hover {color:#FF00FF;} /* mouse over link */ 
.spec:active {color:#0000FF;} /* selected link */ 
</style>

在W3School :)

來源

2011-12-14 16:39:15

完成對tryit編輯器如果更改:visited鏈接僞類沒有給你你想要的，試着用jQuery改變onclick風格：

$('a.specialAnchor').click(function() { 
    this.style.color = 'green'; 
}

來源

2011-12-14 16:41:14 Aaron

嘗試這樣的事情

$(document).ready(function() { 
      $('.changecolor').click(function() { 
       $(this).css("color", "red"); 
      });  
     }); 

<a class="changecolor">Click To Change</a>

如果您需要更改顏色回是什麼東西，你可以用.toggle()

來源

2011-12-14 16:42:04

鏈接顏色變化

回答

相關問題