Skip to content

Instantly share code, notes, and snippets.

@online
Forked from artpolikarpov/doubleHover.js
Created August 23, 2012 19:22
Show Gist options
  • Save online/3440587 to your computer and use it in GitHub Desktop.
Save online/3440587 to your computer and use it in GitHub Desktop.
Cинхронное подсвечивание одинаковых ссылок: http://artgorbunov.ru/bb/soviet/20120823/
/*
Функция для одновременной подсветки ссылок с одинаковым href,
на вход принимает:
1) selector — джеквери-селектор ссылок, чтобы
была возможность включить дублирующую подсветку в определённом фрагменте;
2) hoverClass — какой класс добавить по ховеру и псевдо-ховеру.
Инициализация для всего документа:
doubleHover('a', 'hover');
В ЦСС нужно приравнять .hover к :hover:
a:hover, a.hover {
color: red;
}
a:hover img, a.hover img {
opacity: .75;
}
*/
var doubleHover = function(selector, hoverClass) {
$(document).on('mouseover mouseout', selector, function(e) {
$(selector)
.filter('[href="' + $(this).attr('href') + '"]')
.toggleClass(hoverClass, e.type == 'mouseover');
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment