Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 10.07.2021, 16:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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

некорректный ответ.
Ответить с цитированием
  #4 (permalink)  
Старый 10.07.2021, 17:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Sanny333
некорректный ответ.
воля ваша, ждите телепатов.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие блока при наведении на кнопку greenzlat Элементы интерфейса 3 30.11.2020 07:56
Смена текста одного элемента при наведении на другой Daillyn jQuery 3 24.01.2019 07:52
При наведении на определенный блок, DIV, появляется скрытое сожержимое kismedia Элементы интерфейса 9 22.05.2015 19:15
Появление ссылки при наведении мыши nikolaymac jQuery 1 05.09.2013 15:32
Не получается при наведении на картинку сменить другую. Iktash Элементы интерфейса 2 04.07.2012 17:14