@MFNIK

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

41bf488a8469469ebbe830d9d9336ecd.png
Добрый день подскажите как реализовать данную задачу?
  • Вопрос задан
  • 129 просмотров
Пригласить эксперта
Ответы на вопрос 4
@Zewkin
Я у мамы фронтэндер
<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;
    });
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы