X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Замена Header'a при наведении на пункт меню
Manohara
Manohara
Topic Starter сообщение 25.1.2014, 11:48; Ответить: Manohara
Сообщение #1


Допустим у меня есть heder и меню
<div id="HeaderRight">
<!-- Меню нч -->
<div id="menu">
<li class="hover-shadow" ><a href="#" class="img1">Меню-1 <br> <small>Комментарий</small> </a></li>
<li class="hover-shadow" ><a href="#" class="img2">Меню-2 <br> <small>Комментарий</small> </a></li>
<li class="hover-shadow" ><a href="#" class="img3">Меню-2 <br> <small>Комментарий</small> </a></li>
<li class="hover-shadow" ><a href="#" class="img4">Меню-4 <br> <small>Комментарий</small> </a></li>
<li class="hover-shadow" ><a href="#" class="img5">Меню-5 <br> <small>Комментарий</small> </a></li>
</div>

<!-- Меню кц -->
</div>

Мне нужно чтобы, при наведении допустим на ссылку <a href="#" class="img1">Меню-1 <br> <small>Комментарий</small> </a> у <div id="HeaderRight"> был один background, а при наведении на другую ссылку был другой background.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Manohara
Manohara
Topic Starter сообщение 25.1.2014, 11:52; Ответить: Manohara
Сообщение #2


Вот пример http://mammoth-russia.ru/ (не сочтите за рекламу).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 25.1.2014, 18:28; Ответить: Degradator
Сообщение #3


Думаю это надо делать через js. Я бы делал так примерно
<a href="#" class="img5" onmouseover="swithcBackground(url5)" >Меню-5 <small>Комментарий</small> </a>
<a href="#" class="img4" onmouseover="swithcBackground(url4)" >Меню-5 <small>Комментарий</small> </a>
<script type="text/javascript">
swithcBackground(url){
var header = document.getElementById('HeaderRight');
header.style.backgroundImage = url;
}
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Manohara
Manohara
Topic Starter сообщение 26.1.2014, 20:23; Ответить: Manohara
Сообщение #4


А можно подробнее, а то я в JavaScrip вообще не шарю:unsure:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 26.1.2014, 20:26; Ответить: Degradator
Сообщение #5


подробнее будет если я зайду на хостинг и там все сделаю за вас.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Видео в Wordpress, загружается при открытии странички.
10 PavlivGroup 1166 10.4.2021, 14:53
автор: kvsgeek
Открытая тема (нет новых ответов) BTCSale - современный обменный пункт!
6 BTCSale 1189 9.4.2021, 10:43
автор: BTCSale
Горячая тема (нет новых ответов) Какой выбрать анкор для ссылки при продвижении?
Как сделать так, чтобы меня находили по коммерческим запросам?
36 press74 3321 16.3.2021, 19:48
автор: _fan_
Открытая тема (нет новых ответов) Основные ошибки при запуске рекламы в Facebook
1 dontfarm 692 10.3.2021, 15:53
автор: leovit
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
64 VIMstat 57715 10.3.2021, 12:00
автор: VIMstat


 



RSS Текстовая версия Сейчас: 15.4.2021, 14:51
Дизайн