Advanced jQuery Suckerfish Menu: Superfish

Superfish is an advanced suckerfish menu plugin for jQuery.

It turns a standard CSS dropdown menu and tranforms it to a more powerful one (it gracefully degrades).

jQuery Suckerfish Menu

It supports both horizontal & vertical menus and unlimited sub-menus can be defined.

Considering the menu is generated from a CSS-dropdown menu, every sub can be easily styled too.

Other features of Superfish:

  • Suckerfish-style hover support for IE6.
  • Timed delay on mouseout.
  • Animation of sub-menu reveal.
  • Keyboard accessibility.
  • Indicates the presence of sub-menus by automatically adding arrow images to relevant anchors.
  • 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. The ‘this’ keyword within the handlers you attach will refer to the animated ul sub-menu.
4 Comments
  1. Reply SEANRON October 1, 2008 at 4:30 AM

    After some tests, this script can open menus behind input boxes.

    A very nice rework of suckerfish for the Jquery addict i am. 🙂

  2. Reply Jason June 23, 2010 at 5:14 AM

    Superfish is fantastic for animated menu’s and is easy enough to implement. This one goes in almost every web design project i do.

  3. Reply nerudo March 29, 2011 at 3:47 AM

    You savd the day man. Thanks you very much. Needed such a menu for a project im working on. Thanks man.

  4. Reply dishant April 12, 2013 at 7:34 AM

    Hi ,

    I am using superfish plugin in jquery.

    I have checked different option object but i am not abel to find out how to enable/disable (activate/deactivate) menu items in superfish plugin of jquery ?

    Thanks,

Leave a reply

Search