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

nick1403 · June 6, 2013

Товарищи, нужна помощь!

Не подскажите как при наведении на ссылку, в данном случае на кнопку меню менялся фон страницы?

код прилагается :

<html >

<head>

#container {

width:960px;

margin-left: auto;

margin-right: auto;

padding: 0;

}

.clear {

clear: both;

margin: 0;

padding: 0;

}

p {

margin: 1.6em 0;

line-height: 1.6em;

}

h2 {

font-size: 20px;

line-height: 20px;

margin: 22px 0 18px 0;

}

</style>

</head>

<li><a href="#" onmouseover="body background="картинка2.png">Главная</a>

<ul>

<li><a href="#">Пункт 1 </a></li>

<li><a href="#">Пункт 2</a></li>

<li><a href="#">Пункт 3</a></li>

<li><a href="#">Пункт 4</a></li>

<li><a href="#">Пункт 5</a></li>

<li><a href="#">Пункт 6</a>

<ul>

<li><a href="#">Пункт 1</a></li>

<li><a href="#">Пункт 2</a></li>

<li><a href="#">Пункт 3</a>

<ul>

<li><a href="#">Пункт 1</a></li>

<li><a href="#">Пункт 2</a></li>

<li><a href="#">Пункт 3</a>

<ul>

<li><a href="#">Пункт 1</a></li>

<li><a href="#">Пункт 2</a></li>

<li><a href="#">Пункт 3</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

<ul>

<li><a href="#">Сайты</a></li>

<li><a href="#">Скрипты</a></li>

<li><a href="#">Дизайн</a></li>

</li>

</ul>

</li>

<li><a href="#">Дымоходы</a>

<ul>

<li><a href="#">Пункт 1</a></li>

<li><a href="#">Пункт 2</a></li>

<li><a href="#">Пункт 3</a></li>

<li><a href="#">Пункт 4</a></li>

</ul>

</li>

<li><a href="#">Термозащита</a></li>

</ul>

</form>

</div>

</body>

</html>

что неправильно делаю?

br3t · June 6, 2013


onmouseover="body.style.background='url(картинка2)';"

А вообще, желательо понимать, что вы делаете, а не криво копипастить

pashkje · June 6, 2013

Вот через jQuery:

$(document).ready(function(){

$('.onmouseover').hover(fucntion(){

$('body').css('backgroundImage', 'url(...)');

});

Vulner · June 6, 2013

что неправильно делаю?

<body background="картинка1.png">

<a href="#" onmouseover="body background=" картинка2.png"="">Главная

:wacko:

Через Javascript это делается так:


<script type="text/javascript">
window.onload = function() {
document.getElementById('change-background').onmouseover = function(){
document.body.style.background = 'url(...)';
}
}
</script>

И не забыть ссылке прикрутить id(в примере это change-background).

Edited June 6, 2013 by Vulner

nick1403 · June 6, 2013

спасибо огромное за совет

а так, я только криво начинаю)

Sign In

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

Question

nick1403

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

br3t

Link to comment

Share on other sites

pashkje

Link to comment

Share on other sites

Vulner

Link to comment

Share on other sites

nick1403

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information