Изменение фона страницы при наведении курсора на пункт (ссылку) меню

@snowblind · Регистрация: 26.10.2013

Студворк — интернет-сервис помощи студентам

Доброго времени суток!
Подскажите, пожалуйста, как сделать так, чтобы при наведении курсора на пункт (ссылку) меню фон страницы изменялся, например: при наведении на пункт 1 - фон изменяется на img1.png, при 2 - img2.png и тд.
Заранее благодарю!

HTML5
1
2
3
4
5
6
7
<ul id="menu">
    <li><a href="  " id="button0">Главная</a></li>
 
 
<div id="bg">
<img src="212_87569-2560x1600копия.png" alt="" />
</div>

CSS
1
2
#bg { z-index:-1; position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden; }
#bg img { display:block;  width: 100%; height: 100%;}

Добавлено через 17 часов 57 минут
Не знаю, уместен ли здесь CSS, но нужно, чтобы фон изменялся плавно.

@Demon83ad · 09.11.2013, 20:20

что касается смены фона при наведении мыши с помощью css то вам поможет Псевдокласс :hover, но он будет меняться быстро...

@newJS · 09.11.2013, 21:25

ховером не сделаешь, он только в своем контейнере может работать, а тут нужно управлять внешним тегом, так что тут скрипт нужен

явная несвезуха

Сообщение от snowblind

фон страницы изменялся,

Сообщение от snowblind

фон изменяется на img1.png,

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@Demon83ad 0 / 0 / 0 Регистрация: 10.09.2009 Сообщений: 21
	09.11.2013, 20:20
	что касается смены фона при наведении мыши с помощью css то вам поможет Псевдокласс :hover, но он будет меняться быстро... 0