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.

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

    A very nice rework of suckerfish for the Jquery addict i 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.

  • nerudo

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

  • dishant

    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 ?