Показать сообщение отдельно
  #1 (permalink)  
Старый 10.07.2021, 15:42
Новичок на форуме
Отправить личное сообщение для Sanny333 Посмотреть профиль Найти все сообщения от Sanny333
 
Регистрация: 21.02.2021
Сообщений: 7

При наведении на картинку менялись цвета у span
Есть сайт, https://xn----7sbbb7bbx7alc6h.xn--p1ai/
На нем раздел (прикрепляю во пложении)
Есть скрипт - цикл смены цвета js span элементов.

Он работает, но есть вопрос по нему:

Как сделать чтоб при наведении на картинку .portfolio__bl менялись цвета у span (.portfolio__bl__title span).

<script>
		
		let box = document.querySelectorAll('.portfolio__bl__title span');
		let colors = ['#8d67c3', '#f376a2', '#4263a8', '#19b4ee'];

		for(let i = 0; i < box.length; i++) {
				box[i].dataset.current = 0;
				box[i].onmouseout = function() {
						this.style.backgroundColor = '';
				}
				box[i].addEventListener('mouseover', function(event) {
						this.style.backgroundColor = colors[this.dataset.current];
						this.dataset.current++;
						if (this.dataset.current >= colors.length) {
								this.dataset.current = 0;
						}
				});
}
			</script>
Изображения:
Тип файла: jpg 2021-07-10_051713.jpg (18.3 Кб, 3 просмотров)
Ответить с цитированием