Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.12.2018, 01:20
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 202

прямая связь ссылок и элементов при наведении
есть ссылки вида:


<a  href="#id1">1</a>
<a  href="#id2">2</a>
<a  href="#id3">3</a>
..........................
<a  href="#id9">9</a>


тут же рядом svg код

<a><path id="shop1" stroke="none" d="XXX"></path></a>
<a><path id="shop2" stroke="none" d="XXX"></path></a>
<a><path id="shop3" stroke="none" d="XXX"></path></a>
<a><path id="shop4" stroke="none" d="XXX"></path></a>



как сделать что при наведении например на ссылку #id1 к path id="shop1" присваивался class="active" а после отвода мышки убирался class="active".

Помогите пожалуйста.
Ответить с цитированием
  #2 (permalink)  
Старый 16.12.2018, 02:27
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<a href="#id1">1</a>
<a href="#id2">2</a>
<a href="#id3">3</a>
	
<a><path id="shop1" stroke="none" d="XXX"></path></a>
<a><path id="shop2" stroke="none" d="XXX"></path></a>
<a><path id="shop3" stroke="none" d="XXX"></path></a>
<script>
	
$('a[href^="#id"]').each(function(){
	$(this).hover(function(){
		$('#shop'+this.href.match(/\d+$/)).toggleClass('active');
	});
});
	
		</script>

Последний раз редактировалось j0hnik, 16.12.2018 в 03:03.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Блокировка скролла всей страницы при наведении на элемент TimofeyEid jQuery 2 06.09.2015 14:30
При наведении на определенный блок, DIV, появляется скрытое сожержимое kismedia Элементы интерфейса 9 22.05.2015 19:15
Смещение элементов при .click() с использованием .clone() и .animate() Johnjs jQuery 5 21.10.2014 15:07
Менять цвет фона select option при наведении Dmitriykh Элементы интерфейса 3 25.07.2011 13:04
изменения рисунка при наведении курсора Kenan Bek Events/DOM/Window 24 19.12.2010 20:48