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

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

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

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

HTML5

<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,

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

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	09.11.2013, 21:25	3
	ховером не сделаешь, он только в своем контейнере может работать, а тут нужно управлять внешним тегом, так что тут скрипт нужен явная несвезуха Сообщение от snowblind фон страницы изменялся, Сообщение от snowblind фон изменяется на img1.png, 0