Comments on: Context Hover, adding context & feedback to your links

By: Shawn

Shawn — Tue, 01 Mar 2011 21:26:41 +0000

this is almost what ive been looking for. i have a picture that’s image mapped and when i hover over a link on the image, i want the link listed at the bottom of the picture to have the hover effect. any thoughts?

By: David

David — Thu, 26 Aug 2010 19:28:15 +0000

This was just what I’ve been looking for. Thank you. I knew it was an addclass, but I couldn’t get it to work.

By: Josh Powell

Josh Powell — Mon, 05 Apr 2010 21:45:11 +0000

@Kilian –

You’re right about the caching, nifty usage of closures. As of jQuery 1.4, when you only pass one function into hover(), it executes it on both mouseenter and mouseleave.

By: Kilian Valkhof

Kilian Valkhof — Mon, 05 Apr 2010 18:31:38 +0000

Hey Josh, What you forget is the caching of matching elements achieved by using the var, which makes it much faster. You also need to toggle the class again to remove the hover style on all other a’ once you mouseOut again. :)

By: Josh Powell

Josh Powell — Mon, 05 Apr 2010 18:28:01 +0000

Oh, neat… I didn’t realize it was meant to highlight all links with the same destination.

$(‘a[href]‘).hover(function () {
$(‘a[href="' + $(this).attr('href') + '"]‘).toggleClass(‘hover’);
});

By: Josh Powell

Josh Powell — Mon, 05 Apr 2010 18:23:43 +0000

Another way to go about this is:

$(‘a[href]‘).hover(function () {
$(this).toggleClass(‘hover’);
});

the $(‘a[href]‘) tests for all ‘a’ tags with an href attribute, regardless of what the attribute is set to.

By: DESTACAR TODOS OS LINKS DA MESMA URL

DESTACAR TODOS OS LINKS DA MESMA URL — Thu, 06 Aug 2009 12:53:32 +0000

[...] site kilianvalkhof.com publicou uma solução em CSS e javascript que permite destacar todos os links de uma página que [...]

By: Websites you shouldn’t have missed in May 2008 | Noupe

Websites you shouldn’t have missed in May 2008 | Noupe — Thu, 30 Oct 2008 05:14:06 +0000

[...] 12- Context Hover, adding context & feedback to your links [...]

By: DON’T MEASURE: The Best Design Articles from May 2008 | Dalton Trent's Blog

Tue, 15 Jul 2008 01:13:10 +0000

[...] 12- Context Hover, adding context & feedback to your links [...]

By: DON’T MISS: The Best Design Articles from May 2008 | Dalton Trent's Blog

DON’T MISS: The Best Design Articles from May 2008 | Dalton Trent's Blog — Tue, 08 Jul 2008 09:59:27 +0000

[...] 12- Context Hover, adding context & feedback to your links [...]