Дайте каждой из ссылок идентификатор и класс.Когда мышь входит в активную область одной из ваших специальных ссылок, запустите свое настраиваемое событие для всех из них с идентификатором ссылки, над которой находится мышь.Попросите ваш пользовательский обработчик событий проверить, чтобы убедиться, что этот идентификатор не совпадает с идентификатором ссылок, которые получают уведомление о событии.
<a class="fancy-hover" id="1" href="foo">Example Link 1</a>
<a class="fancy-hover" id="2" href="bar">Example Link 2</a>
<a class="fancy-hover" id="3" href="qux">Example Link 3</a>
<script type="text/javascript">
// custom event
$("a.fancy-hover").bind('mouseOverOneOfUs',function(event, whatMouseHoversOver){
// Prevent item mouse is over from responding.
if (whatMouseHoversOver != this.id) {
// do something
}
return false; // Stop propagation up the DOM tree. Remove to allow propagation.
});
// When mouse enters the active area of a link with class "fancy-hover",
// tell all links in the class which member of the class has the mouse.
$("a.fancy-hover").mouseenter(function() {
// this.id is ID of current element,
// and we pass the value as an array to our custom event.
$("a.fancy-hover").trigger('mouseOverOneOfUs', [this.id]);
});
</script>