Superfish – Enhanced Suckerfish Style Menu For jQuery

Superfish is a pure CSS drop-down menu (degrades gracefully without JavaScript) and uses jQuery to add several enhancements like animation, keyboard accessibility, drop shadows, optional call-back functions, etc. Superfish is fairly easy to use and really versatile; it allows you to create both vertical and horizontal drop down menus.

The Superfish plugin is compatible with jQuery v1.2 and later. It does not have any dependencies on other plugins, but allows you to use other plugins to further enhance its functionality and features. Superfish is well documented and provides several examples to quickly customize and integrate it into your own work.

Features:

  • Suckerfish-style hover support for IE6
  • Timed delay on mouseout to be more forgiving of mouse-piloting errors
  • Animation
  • Keyboard accessibility
  • Supports the hoverIntent plugin. Superfish automatically detects the presence of Brian Cherne’s hoverIntent plugin and uses its advanced hover behavior for the mouseovers (mouseout delays are handled by Superfish regardless of the presence of hoverIntent)
  • Indicates the presence of sub-menus by automatically adding arrow images to relevant anchors. Arrows are fully customisable via CSS. You can turn off auto-generation of the arrow mark-up via the “autoArrows” option if required.
  • Drop shadows for capable browsers – degrades gracefully for Internet Explorer 6. Can disable shadows completely via options object.
  • Can show the path to your current page while the menu is idle
  • Optional callback functions

Developed by Joel Birch; Superfish jQuery Plugin is released under GPL and MIT license. You can find further information, demo & download on Superfish Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More

SIMILAR/RELATED POSTS:

PREVIOUS POST:

NEXT POST:

Leave Comment

 
 

Stay Updated, Subscribe to RSS Feed

 
 
 
 

Blogroll

 

Sponsored Links