hoverIntent

HoverIntent in Air America Header

I've set up a sliding show schedule header for Air America, although unfortunately, you can't preview it yet. (That'll launch in April). I found a good use for the hoverIntent module there: when you scroll over a show icon, the upcoming show information will be displayed below. Usually, you would just use jQuery's .mouseOver event for that. However, using hoverIntent, it slows down the reaction, so if you zip your mouse past an icon, it won't automatically set the text: you'll instead need to intentionally point your mouse at it for half a second. I believe this makes the animation much smoother.

Views Slideshow uses that module if it's enabled as well. Note that hoverIntent requires jQ and (if you're using Drupal 5) jQuery Update.

Here's the snippet I used:

Syndicate content