Zmiana koloru body po najechaniu na konkretnego diva

Question

Czy jest możliwa zmiana koloru całego tła body(lub podstawienia innego obrazu) po najechaniu na konkretnego diva?

Answer 1

Tak, przykład w jQuery: https://jsfiddle.net/adriansikora344/b62x5o8h/

Comments

Mam jeszcze mały problem z podpięciem tego pod htmla. Zmienilem nazwe diva na odpowiedni i dodalem onload w body ale cos chyba nie do konca chce dzialac

---

onload sie nie dodaje w body tylko w head script. Przykład jest w jQuery, czy Ty tego też używasz ?

Jeżeli nie używasz jQuery to użyj tego:

var element = document.getElementById('item');

element.addEventListener("mouseover", function () {
     document.body.style.backgroundColor = 'red';
});

element.addEventListener("mouseout", function () {
     document.body.style.backgroundColor = 'white';
});

Działać działa ale od razu mówię że martwi mnie to że za każdym razem przy ruszeniu kursorem jest zmieniany kolor tła na biały ( wywołuje się funkcja podana przy mouseout ). Przy większej liczbie instrukcji lepiej dodać flagę var is_on_item; I wywołanie mouseover sprawdza czy flaga jest ustawiona na false jeżeli tak to zmienia kolor tła itd. i ustawia tą flagę na true, analogicznie dla mouseout. Dzięki temu jeżeli kolor tła jest już zmieniony na pożądany kolor to nie zostaną wykonane instrukcje które spowodują efekt który już jest.