ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как изменить фон элемента меню при выборе его подменю.
17 сообщений из 17, страница 1 из 1
Как изменить фон элемента меню при выборе его подменю.
    #36234802
princess-net
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
princess-net
Гость
Может есть у кого какие идеи как реализовать:

есть меню вертикальное. Есть подпункты меню:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<ul id="nav"> 
  <li><a href="#">Home</a></li> 
  <li><a href="#">About</a> 
    <ul> 
      <li><a href="#">History</a></li> 
      <li><a href="#">Team</a></li> 
      <li><a href="#">Offices</a></li> 
    </ul> 
  </li> 
</ul>

Для подпунктов в CSS:
Код: plaintext
display: none;
При hover на ссылку подменю появляются.

И тут возникает маленькая неприятность. Когда перводишь курсор на подменю - выделение элемента главного меню исчезает и уже не совсем понятно для какого эелемента отбражение подменю.

Задача: чтобы не пропадало выделение пункта меню-родителя
...
Рейтинг: 0 / 0
06.10.2009, 12:49
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36234849
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
через js прописать событие "движение курсора по дочке", в котором красить соответствующего родителя
...
Рейтинг: 0 / 0
06.10.2009, 13:06
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36234872
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
что-то типа:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<ul id="nav">
  <li><a href="#">Home</a></li>
  <li name=about id=about><a href="#">About</a>
    <ul>
      <li onmouseover="mv(1)"><a href="#">History</a></li>
      <li><a href="#">Team</a></li>
      <li><a href="#">Offices</a></li>
    </ul>
  </li>
</ul>

обработчик:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
function mv(i)
  {
          switch (i)
          {
                  case  1 :
                       pr=document.getElementsByName('about')[ 0 ];
                       pr.style.backgroundColor='#ff0000';
          }
  }
...
Рейтинг: 0 / 0
06.10.2009, 13:13
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36234878
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
кстати, это же можно сделать через стили, вроде, хотя точно с лету не скажу)
...
Рейтинг: 0 / 0
06.10.2009, 13:14
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36235127
princess-net
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
princess-net
Гость
а можно еще попросить чтоб меняло не фон напрямую, а вместо class="white" на class="red"

Код: plaintext
pr.style.backgroundColor='#ff0000';
Как тут будет? Так?

Код: plaintext
pr.class='red';
...
Рейтинг: 0 / 0
06.10.2009, 14:26
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36235158
princess-net
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
princess-net
Гость
Работает вариант. Спасибо.
если вдруг вспомните как реализовать через СSS то напишите, буду очень благодарна.
...
Рейтинг: 0 / 0
06.10.2009, 14:34
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36235166
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
в css можно сделать через hover, но в IE работать не будет
...
Рейтинг: 0 / 0
06.10.2009, 14:36
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36235570
princess-net
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
princess-net
Гость
Как через hover?????

Если навести курсором на подменю то hover-oм можно поменять фон подменю, а не родительский элемент меню. Если можна то как?
...
Рейтинг: 0 / 0
06.10.2009, 16:37
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36252537
princess-net
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
princess-net
Гость
Подскажите как таким же способом изменить фоновую картинку

Код: plaintext
1.
2.
3.
 
pr=document.getElementsByName('about')[ 0 ];
pr.style.background='url(../some/some.jpg) no-repeat';
- такой вариант подходит для Opera, а в IE почему что не работает...
...
Рейтинг: 0 / 0
15.10.2009, 11:27
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36252677
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
Старайтесь явно задавать название стиля) и попробуйте без точек
типа
Код: plaintext
1.
pr.style.backgroundImage='url(/some/some.jpg) no-repeat';
...
Рейтинг: 0 / 0
15.10.2009, 11:59
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36253111
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
чисто через стили будет так

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<style>
	a + ul {
		display: none;
	}
	a:hover + ul {
		display: block;
		position: absolute;
	}
</style>
<ul id="nav">
  <li><a href="#">Home</a></li>
  <li name=about id=about><a href="#">About</a>
    <ul>
      <li><a href="#">History</a></li>
      <li><a href="#">Team</a></li>
      <li><a href="#">Offices</a></li>
    </ul>
  </li>
</ul>
но работает не везде, а жаль :)
...
Рейтинг: 0 / 0
15.10.2009, 13:51
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36255988
princess-net
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
princess-net
Гость
EmilRegisСтарайтесь явно задавать название стиля) и попробуйте без точек
типа
Код: plaintext
1.
pr.style.backgroundImage='url(/some/some.jpg) no-repeat';



Теперь работает спасибо :)
...
Рейтинг: 0 / 0
16.10.2009, 14:59
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36258513
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
Korcarв css можно сделать через hover, но в IE работать не будет
давно заметил, что в IE почему-то hover работает для тега <a> если у него стоит какой-то href(даже если href="#")
...
Рейтинг: 0 / 0
19.10.2009, 06:50
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36258549
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
EmilRegis , иначе это не ссылка... Это якорь.
...
Рейтинг: 0 / 0
19.10.2009, 08:21
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36258553
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
это понятно...значит hover в ie работает только для ссылок?
...
Рейтинг: 0 / 0
19.10.2009, 08:25
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36258563
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
да действительно
В браузере Internet Explorer версии 6 и ниже псевдокласс hover работает только для ссылок.
...
Рейтинг: 0 / 0
19.10.2009, 08:33
| Ответить | Цитировать | Написать  
Как изменить фон элемента меню при выборе его подменю.
    #36258752
Мудрый Пень
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Мудрый Пень
Гость
princess-netа можно еще попросить чтоб меняло не фон напрямую, а вместо class="white" на class="red"

Код: plaintext
pr.style.backgroundColor='#ff0000';
Как тут будет? Так?

Код: plaintext
pr.class='red';



Юзая свойство className
...
Рейтинг: 0 / 0
19.10.2009, 10:40
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как изменить фон элемента меню при выборе его подменю.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36234849&tid=1454117]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 3586ms
get topic data:
 19ms
get forum data:
 5ms
get page messages:
 54ms
get tp. blocked users:
 1ms
others: 242ms
total:  3932ms
созд. / загр.: 3932ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]