Показать сообщение отдельно
  #1 (permalink)  
Старый 14.11.2024, 15:48
Кандидат Javascript-наук
Отправить личное сообщение для samdo Посмотреть профиль Найти все сообщения от samdo
 
Регистрация: 27.05.2017
Сообщений: 108

querySelector работает толлько для первого элемента списка
Приветствую! Помогите, плиз, допилить код. Как сделать, чтобы в нижеуказанной "конструкции" JS срабатывал не только для первого элемента, но и для остальных с классом co-img. Пробовал querySelector заменить на querySelectorAll, не помогает.

var bg = document.querySelector('.co-img');
	window.addEventListener('mousemove', function(e) {
	let x = e.clientX / window.innerWidth;
	let y = e.clientY / window.innerHeight;  
	bg.style.transform = 'translate(-' + x * 150 + 'px, -' + y * 150 + 'px)';
});

<div class="co-block">
	<div class="co-img" style="background-image: url(imgpath);"></div>
</div>
<div class="co-block">
	<div class="co-img" style="background-image: url(imgpath);"></div>
</div>
<div class="co-block">
	<div class="co-img" style="background-image: url(imgpath);"></div>
</div>

Заранее СПАСИБО!
Ответить с цитированием