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.