如何通過單擊來更改項目顏色？

-3

我是編程新手，我想在點擊一系列顏色時更改項目顏色。我相信這可以通過CSS，JavaScript或JQuery來完成。哪個效率最高？如何通過單擊來更改項目顏色？

來源

2013-03-29 Frank Wurster

你嘗試過什麼碼？你認爲我們會爲你做一切嗎？ – Castiblanco

感謝您的回覆。我所知道的是Dreamweaver和HTML。我想創建一個按鈕，將顏色更改爲一系列顏色（例如，白色，紅色，藍色，橙色，黑色，然後回到白色）。如果你能指出我學習編程的正確方向，我將不勝感激。 –

下面是一個簡單的例子，單擊時包含類colorable的所有元素將添加另一個類red，這會更改文本的顏色。

jsFiddle

HTML

<div class="colorable">Color me in</div>

CSS

.red { 
    color:red; 
}

的JavaScript（用jQuery）

$('.colorable').click(function() { 
    $(this).addClass('red'); 
});

來源

2013-03-29 17:32:58

+1爲保持獨立，我看到很多人使用'.css'來顏色等，而不是使用css製作的類 –

感謝您花時間回覆。這對於獲得入門非常有幫助。 –

沒問題，不要忘記通過點擊打勾來接受答案。 –

如果你想有隨機顏色，你可以做到以下幾點：

HTML

<div id="button">Button</div>

CSS

div { user-select: none; }

的JavaScript

var button = document.getElementById('button'); 

button.addEventListener('click', changeColor, false); 

function changeColor() { 
    this.style.color = '#'+Math.floor(Math.random()*16777215).toString(16); 
}

jsFiddle

來源

2013-03-29 17:40:11 tryzor

謝謝你的迴應。這幫助我瞭解我需要學習的內容。老實說，真的很感激！ –

如何通過單擊來更改項目顏色？

回答

相關問題