Перейти к содержимому


Сдваивание Ссылок

ссылки дизайн подсвечивание a href

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 Константин1111

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 02 Август 2014 - 23:18

Добрый день, вопрос к профессорам . Задача такая... Предположим что на странице есть ссылка А и ссылка Б,которые ведут на одну и ту же страницу С. Настройки сайта таковы, что при наведении курсора на активную ссылку,она подсвечивается цветом FF0000.... Вопрос.... Можно ли сделать так, чтобы при наведении на одну из ссылок,подсвечивались все ссылки на эту же страницу?

#2 Константин1111

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 03 Август 2014 - 13:47

Тема актуальна

#3 Константин1111

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 03 Август 2014 - 22:00

АП

#4 Константин1111

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 04 Август 2014 - 19:51

актуально

#5 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 308 сообщений

Отправлено 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

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 05 Август 2014 - 08:14

Просмотр сообщенияMikDark (04 Август 2014 - 20:43) писал:

В шаблон 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 можете поменять на нужный цвет при наведении.
Не помогло((( без изменений

#7 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 308 сообщений

Отправлено 05 Август 2014 - 09:42

Просмотр сообщенияКонстантин1111 (05 Август 2014 - 08:14) писал:

Не помогло((( без изменений

Не вижу у Вас скрипта. И еще укажите, на какой странице можно найти одинаковые ссылки.

#8 Константин1111

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 05 Август 2014 - 09:55

http://zigzag93.ru/c...SCP10-AGPNK-1-1 там есть одинаковые ссылки... Скрипт при установке выдает ошибки на сайте. Сейчас перезалью. Кстати,нужно чтобы подсвечивались ссылки на странице и на карте

#9 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 308 сообщений

Отправлено 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

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 05 Август 2014 - 12:43

Просмотр сообщенияMikDark (05 Август 2014 - 11:47) писал:

Замените:
.hv1{color:red;}

на

.hv1{color:red !important;}
Помогло,но не совсем... Соседние текстовые ссылки подсвечиваются .... Огромное спасибо... Но на картинке ссылка не выделяется... как быть?

#11 Константин1111

Константин1111

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 05 Август 2014 - 20:04

Можно ли чтобы такая же ссылка выделялась на изображении-map?

#12 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Август 2014 - 00:53

К сожалению, этого реализовать не получится.
Вместо map можно попробовать использовать svg на примере http://jsfiddle.net/K8292/





Темы с аналогичным тегами ссылки, дизайн, подсвечивание, a href

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных