Добрый день, вопрос к профессорам . Задача такая... Предположим что на странице есть ссылка А и ссылка Б,которые ведут на одну и ту же страницу С. Настройки сайта таковы, что при наведении курсора на активную ссылку,она подсвечивается цветом FF0000.... Вопрос.... Можно ли сделать так, чтобы при наведении на одну из ссылок,подсвечивались все ссылки на эту же страницу?
0
Сообщений в теме: 11
#1
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 02 Август 2014 - 23:18
#2
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 03 Август 2014 - 13:47
Тема актуальна
#3
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 03 Август 2014 - 22:00
АП
#4
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 04 Август 2014 - 19:51
актуально
#5
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 04 Август 2014 - 20:43
Константин1111 (04 Август 2014 - 19:51) писал:
актуально
В шаблон HTML перед </head> пишем:
<style>
.hv1{color:red;}
</style>
<script>
$(
function hv(){
$('a').hover(function(){
b = $(this).attr('href');
$('a').each(function(){
if($(this).attr('href') == B)
{
$(this).addClass('hv1');
}
})
}
,function(){
$('a').each(function(){
if($(this).attr('href') == B)
{
$(this).removeClass('hv1');
}
}
)})}
)
</script>
Только большие "B" замените на маленькие.
red можете поменять на нужный цвет при наведении.
#6
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 05 Август 2014 - 08:14
MikDark (04 Август 2014 - 20:43) писал:
В шаблон HTML перед </head> пишем:
Только большие "B" замените на маленькие.
red можете поменять на нужный цвет при наведении.
<style>
.hv1{color:red;}
</style>
<script>
$(
function hv(){
$('a').hover(function(){
b = $(this).attr('href');
$('a').each(function(){
if($(this).attr('href') == B)
{
$(this).addClass('hv1');
}
})
}
,function(){
$('a').each(function(){
if($(this).attr('href') == B)
{
$(this).removeClass('hv1');
}
}
)})}
)
</script>
Только большие "B" замените на маленькие.
red можете поменять на нужный цвет при наведении.
#7
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 05 Август 2014 - 09:42
Константин1111 (05 Август 2014 - 08:14) писал:
Не помогло((( без изменений
Не вижу у Вас скрипта. И еще укажите, на какой странице можно найти одинаковые ссылки.
#8
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 05 Август 2014 - 09:55
http://zigzag93.ru/c...SCP10-AGPNK-1-1 там есть одинаковые ссылки... Скрипт при установке выдает ошибки на сайте. Сейчас перезалью. Кстати,нужно чтобы подсвечивались ссылки на странице и на карте
#9
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 05 Август 2014 - 11:47
Константин1111 (05 Август 2014 - 09:55) писал:
http://zigzag93.ru/c...SCP10-AGPNK-1-1 там есть одинаковые ссылки... Скрипт при установке выдает ошибки на сайте. Сейчас перезалью. Кстати,нужно чтобы подсвечивались ссылки на странице и на карте
Замените:
.hv1{color:red;}
на
.hv1{color:red !important;}
#10
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 05 Август 2014 - 12:43
MikDark (05 Август 2014 - 11:47) писал:
Замените:
на
.hv1{color:red;}
на
.hv1{color:red !important;}
#11
Константин1111
-
- Пользователи
-
- 192 сообщений
Продвинутый пользователь
- ГородКраснодар
Отправлено 05 Август 2014 - 20:04
Можно ли чтобы такая же ссылка выделялась на изображении-map?
#12
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 06 Август 2014 - 00:53
К сожалению, этого реализовать не получится.
Вместо map можно попробовать использовать svg на примере http://jsfiddle.net/K8292/
Вместо map можно попробовать использовать svg на примере http://jsfiddle.net/K8292/
Темы с аналогичным тегами ссылки, дизайн, подсвечивание, a href
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
