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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Lumex.cc - обменный пункт электронных валют
0 Lumex 705 21.3.2024, 14:31
автор: Lumex
Открытая тема (нет новых ответов) Zombie.Cash - мультивалютный обменный пункт 24/7 | Меняем быстро, безопасно и выгодно
Криптовалютный обменник, большой опыт в обменах через SWIFT
8 ZombieCash 3539 12.3.2024, 22:13
автор: ZombieCash
Открытая тема (нет новых ответов) Netexbit.com – лицензированный обменный пункт
2 Netexbit 2262 26.1.2024, 15:16
автор: maydas
Горячая тема (нет новых ответов) Microsoft отказался работать в России: на что повлияет и есть ли ему замена
30 Room 4480 30.12.2023, 23:17
автор: australianman


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:31
Дизайн