Изменение изображения при наведении курсора мыши?

Question

[MFNIK]

Добрый день подскажите как реализовать данную задачу?

Answer 1

[Alexander]

learn.javascript.ru

Answer 2

[Сева]

<a class="link" href="#" data-img="img1.png">Link 1</a>
<a class="link" href="#" data-img="img2.png">Link 2</a>
<a class="link" href="#" data-img="img3.png">Link 3</a>

<div class="div1"></div>

var links = document.getElementsByClassName('link');

for (var i = 0; i < links.length; i++) {
    links[i].addEventListener('hover', function() {
        let img = links[i].getAttribute('data-img');
        document.getElementsByClassName('div1')[0].style.background-image = img;
    });
}

Answer 3

[lega]

https://jsfiddle.net/lega911/jvx3mmpz/

Answer 4

[rinatoptimus]

Типа того.