Задать вопрос
@codemix
Frontend junior
javascript

Как реализовать смену фона сайта при наведения на блок?

Как реализовать смену фона при наведения на блок?
Можно ли реализовать на CSS или JS?
<body class="bg">
  <div class="block">Фон 1</div>
  <div class="block">Фон 2</div>
  <div class="block">Фон 3</div>
  <div class="block">Фон 4</div>
</body>
  • Вопрос задан
  • 163 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@AlexRas
https://jsfiddle.net/x1j5f9z1/15/
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 1
bshepelev
@bshepelev
К примеру:
$(".block").hover(
	function() {
        $img = $(this).text(); // возмет ФОН (если у вас там прямо ссылка)
        // если не ссылка а к примеру img то: $img = $(this).find('img').attr('src');
	$('.bg').css('background-image', 'url(' + $img + ')');
	}, function() {}
);

:)
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Текст из фотографии в отдельный файл
26 нояб. 2024, в 04:41
1500 руб./за проект
Выложить 75 курсов на геткурс и настроить базовые функции
26 нояб. 2024, в 02:18
15000 руб./за проект
Редизайн и доработка интернет магазина на wordPress
25 нояб. 2024, в 23:42
50000 руб./за проект
Ещё заказы