By Peter Slagter, for anyone free to use :). Questions or feedback? Twitter me, @pesla

ProtoFish Demopage

An advanced and simple to use hover menu based on Prototype

Tip: all ProtoFish menu's are keyboard-accessible conform ARIA best practices! Press ctrl+alt+m to focus the first menu.

The original ProtoFish mini-site can be found here!

Installation guide, downloads, etc can be found there.

Example 1

Two level dropdown

Menu ID: menu-1
Delay: 200 ms
Hoverclass: hover
Remove active?: false
Use ARIA?: true
Use shortkey?: true

Initialize menu with:

new ProtoFish('menu-1', '200', 'hover', false, true, true);

Example 2

Four level dropdown with delay

Menu ID: menu-2
Delay: 800 ms
Hoverclass: hover
Remove active?: false
Use ARIA?: true
Use shortkey?: false

Initialize menu with:

new ProtoFish('menu-2', '800', 'hover', false, true, false);

Example 3

Two level dropdown with delay & removal of active class

Menu ID: menu-3
Delay: 500 ms
Hoverclass: hover
Remove active?: true
Use ARIA?: false
Use shortkey?: false

Initialize menu with:

new ProtoFish('menu-3', '500', 'hover', true, false, false);

The original ProtoFish mini-site can be found here!

Installation guide, downloads, etc can be found there.