Dodanie backgroundColor hover do klasy w JavaScript

Question

Cześć, wszystkim

Nie mogę sobie poradzić z 1 problemem a mianowicie:

Mam

<div class="kolorek" onclick="changeColor('2ecc71');" style="background-color:#2ecc71;"></div>

function changeColor(color) {
var block = document.getElementsByClassName('kafelek');
for (var i = 0; i < block.length; i++) {
    block[i].style.backgroundColor = "#" + color;
}};

No i, po naciśnięciu diva "kolorek", wszystkie divy "kafelek" ładnie zmieniają kolor, jednakże chciałbym, żeby dodatkowo zmieniały kolor po najechaniu.

(Też dynamicznie - Po wybraniu czerwonego diva "kolorek", "kafelek" ma kolor czerwony a po najechaniu ciemny czerwony, po wybraniu niebieskiego,ma niebieski a po najechaniu ciemny niebieski itd.)

Answer 1

Nie do końca rozumiem jaki efekt oczekujesz, ale dla najechania na element możesz użyć eventu onmouseover.

Jeśli się nie mylę, aby zmienić kolor aktualnie najechanego elementu musisz zrobić coś w stylu:

<div onmouseover="foo(this)" />

function foo(element) {
element.style.backgroundColor = "#jakiskolor";
};

Comments

Mam czerwone bloki, i po naciśnięciu niebieskiego kwadracika z palety W JS'ie zmienia backgroundColor bloków na niebieski.

.blok

{

background-color:red;

}

//zmienia się w

.blok

{

background-color:blue;

}

To chciałbym,żeby dodatkowo

.blok:hover
{
blackground-color: yellow;
}

//zmieniał się w

.blok:hover
{
background-color: purple;
}

 

---

Jakby nie istniały wyszukiwarki. http://stackoverflow.com/questions/11371550/change-hover-css-properties-with-javascript

---

Widziałem to, ale nie do końca wiem jak to dodać do mojego skryptu