Menu Configuration

ZincOut features jQuery powered Superfish drop down menu that goes with the theme. The menu is tied into Drupal Primary links to make configurable painless.

The Superfish menu is a highly advanced and fully customizable menu system. Some of the great features include:

  • Hover support for IE6 using the sfHover javascript class just like in Suckerfish.
  • Fully degradable to standard SuckerFish menu if javascript is not supported.
  • Configurable mouse-out delay to allow for accidental mousing out of the menu.
  • Completely customizable animation effects using jQuery animations.
  • Support for fade-in transparency
  • Support for IE6 z-index bug using the jQuery bgiframe plugin.

Setup the drop down primary links

Step 1:

Login as administrator of your site, go to Administer / Site building / Menus / Primary links. Add your menu items and submenu items.

Step 2:

To enable the drop down menu, make sure Expanded option is checked for menu items with submenu.

Superfish configuration

An example configuration as used in the demo: 

  /* superfish menu */
  $('ul.sf-menu').superfish({
    animation:     {opacity:'show',height:'show',width:'show'},
    dropShadows:   false,
    delay:         100,
    speed:        'fast'
  }).find('ul').bgIframe({opacity:false});
animation
an object equivalent to first parameter of jQuery’s .animate() method
dropShadows
drop shadow is not supported in this theme, do not set to true
delay
the delay in milliseconds that the mouse can remain outside a submenu without it closing
speed
speed of the animation. Equivalent to second parameter of jQuery’s .animate() method