2013-08-06 122 views
-1

首頁的onClick更改鏈接

我試圖改變字體使用的onClick歸屬鏈路的背景圖像和顏色的背景顏色和背景圖像。但我無法達到結果。任何人都可以幫忙嗎?

+4

我敢肯定有人可以 - 你能發佈一些代碼,我們可以看看? – 2013-08-06 07:08:12

+0

請包括你已經嘗試過。 –

+0

如果你有任何代碼,顯示你已經嘗試過,它會容易得多。包括一些HTML和您希望我們幫助您的JavaScript。 – NoLifeKing

回答

1

例子:

<script type="text/javascript"> 
function change(element) 
{ 
    element.style.backgroundImage = "url('http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png')"; 
    element.style.color = '#E61E1E'; 
} 
</script> 
<div onclick="change(this)" style="width: 128px; height:128px; cursor: pointer;"> 
    test test test ... 
</div> 

或者:

<div onclick="this.style.backgroundImage = 'url(\'http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png\')';this.style.color = '#E61E1E';" style="width: 128px; height:128px; cursor: pointer;"> 
    test test test ... 
</div> 
+0

Home我試過這個鏈接,而在javascript嘗試函數更改(元素) {0} {element.style.backgroundImage =「url(../ pics/hover.png)」; element.style.color ='#FFF'; } – user2655647

+0

它還沒有發生 – user2655647

+0

@ user2655647是你的url在後臺參數中正確嗎?或者什麼事情沒有發生?如果你使用chrome測試你的代碼,請按ctrl + j並查看是否有任何錯誤,因爲我的發佈代碼適用於所有主流瀏覽器。在jsfidle上查看http://jsfiddle.net/zkWzt/ – Aivar