2012-01-18 63 views
0

我有幾個HTML鏈接的,那我還有的onmouseover和onmouseout設置改變顏色,我希望能夠做的是,當我點擊一個鏈接時,鏈接設置爲某種顏色,並且鼠標懸停效果不再適用於點擊鏈接,而是在其他鏈接上進行。這些鏈接激活JavaScript功能,但不直接指向另一個網頁。更改字體顏色,然後單擊JavaScript或HTML

任何想法我怎麼能做到這一點?

<a href="javascript:void(0)" id="paint" onclick="slidedown(this)" style="color:#FFF" onmouseover="this.style.color = '#FF6600'" onmouseout="this.style.color = '#FFF'"><font style="font-family:pirulen; font-size:12px; margin-left:10px; "><b>Painting</b></font></a> 

這是我的一個鏈接,你可以看到我的onmouseover和onmouseout集。

+0

發佈您當前的代碼,以便其他人可以確保所有的答案將滿足您的需求 – musefan 2012-01-18 15:17:43

回答

3

使用此CSS得到懸停效果

a{ 
    color:#fff; 
} 
a:hover{ 
    color:#FF6600; 
} 
a.selected,a.selected:hover{ 
    color:#000000; 
} 

現在,你的函數了slideDown,您可以添加,當您點擊鏈接.selected類。

this.className = this.className + " selected"; 
+0

我瞭解css部分我不明白我的滑動函數中會出現什麼內容。 – user541597 2012-01-18 15:31:47

+0

在你的slidedown函數中,你只需要添加javascript行。這是將類名「selected」添加到您的鏈接。 – 2012-01-18 15:32:53

+0

我使用setattribute添加了它,但在懸停後它仍然變回白色。 – user541597 2012-01-18 15:42:06

0

應用懸停類和做出的toogle單擊時更改鏈接類,這樣的懸停不會被應用到被點擊鏈接。

1

您可以添加一個特定的造型類,當它被點擊時會覆蓋其他造型並禁止鼠標懸停造型。

+0

我添加的代碼更改鏈接顏色上點擊下了slideDown(這個),不過之後我再次懸停它可以追溯到白或橙色,我怎麼能這樣覆蓋懸停? – user541597 2012-01-18 15:24:19

+1

添加!在CSS中着色的重要性 – Chris 2012-01-19 07:20:35