Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как изменить цвет родительской ссылки в меню / 8 сообщений из 8, страница 1 из 1
16.09.2013, 18:56
    #38398037
dakota1310
dakota1310
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
Есть меню http://division.net.ua/about.html. Надо чтобы родительские ссылки были красного цвета. т.е. при наведении на ссылку Камера 1. Цвет текста у ссылок Каталог, Видеокамера и Внутренние видеокамеры были красные.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
[SRC CSS]<li><a href="[[~3]]">Каталог</a>
				<ul>
					<li ><a href="[[~3]]" class="first">Видеокамеры</a>
						<ul class="inner">
							<li class="title first"><span>Внутренние видеокамеры</span></li>
							<li><a href="" class="tooltip" >Камера 1 <span><img src="assets/theme/images/page/tv/image004.png"/></span></a></li>
							<li><a href="">Камера 2</a></li>
							<li><a href="" class="tooltip" >Камера 3 <span><img src="assets/theme/images/page/tv/image004.png"/></span></a></li>
							<li class="last"><a href="">Камера 4</a></li>
							<li class="line"></li>
							<li class="title first"><span>Уличные видеокамеры</span></li>
							<li><a href="">Камера 1</a></li>
							<li><a href="">Камера 2</a></li>
							<li><a href="">Камера 3</a></li>
							<li class="last"><a href="">Камера 4</a></li>
						</ul>							
					</li>
                   <li><a href="[[~14]]">IP видеокамеры</a>
		   <li><a href="[[~15]]">Видеорегистраторы</a></li>
        </ul>
</ul>

[/SRC]
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 11:11
    #38398479
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
dakota1310Надо чтобы родительские ссылки были красного цвета. т.е. при наведении на ссылку Камера 1. Цвет текста у ссылок Каталог, Видеокамера и Внутренние видеокамеры были красные.
Напиши скрипт - пусть он раскрасит родительские элементы...
Т.к. в ЦСС нет селекторов на "родительские" элементы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 17:13
    #38399156
dakota1310
dakota1310
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
Пробовала так, меняет цвет не только родительского эл-та http://division.net.ua/about.html
Код: javascript
1.
2.
3.
$( "ul.menu li a" ).hover(function() {
  $( this ).parent().find("a").css('color','blue');
});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 17:34
    #38399179
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
dakota1310,

Проще задать классы для всех видов "а". По вашему примеру, будут искаться все "а", внутри родителя.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 18:14
    #38399236
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
dakota1310Пробовала так, меняет цвет не только родительского эл-та http://division.net.ua/about.html
Код: javascript
1.
2.
3.
$( "ul.menu li a" ).hover(function() {
  $( this ).parent().find("a").css('color','blue');
});


Неверная попытка... Нужно точно понимать что делают те или иные методы.

Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$('a').hover(function (){
		$(this).parent().parents('li').children('a').css({
			color: 'red'
		})
	});
});
</script>
</head>
<body>
<ul>
	<li>
		<a href='#'>Item 1</a>
		<ul>
			<li>
				<a href='#'>Item 1 1</a>
				<ul>
					<li>
						<a href='#'>Item 1 1 1</a>
					</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 18:27
    #38399253
dakota1310
dakota1310
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
krvsa, работает большое спасибо, можете сказать как убрать изменение цвета если меняется родитель. http://division.net.ua/about.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 18:41
    #38399270
dakota1310
dakota1310
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
все разобралась сама, всем большое спасибо
Код: javascript
1.
2.
3.
4.
5.
$( "ul.menu li" ).hover(function() {
 $(this).parent().parents('li').children('a').css({color: 'red'})
},function(){
  $(this).parent().parents('li').children('a').css('color','#fff');
});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2013, 22:14
    #38399416
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как изменить цвет родительской ссылки в меню
dakota1310все разобралась сама
Уже молодец.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как изменить цвет родительской ссылки в меню / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 479ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447881]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 160ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 222ms
total:  479ms
x
x
Закрыть


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