jQuery dropdown menu items with images

Home Menu & NavigationjQuery dropdown menu items with images

5 years ago Views

37594

7519

kamens

jQuery plugin dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to navigate into a submenu's contents.

This problem is normally solved using timeouts and delays. menu-aim tries to solve this by detecting the direction of the user's mouse movement. This can make for quicker transitions when navigating up and down the menu. The experience is hopefully similar to amazon.com/'s "Shop by Department" dropdown.

Use like so:

 $("#menu").menuAim({
     activate: $.noop,  // fired on row activation
     deactivate: $.noop  // fired on row deactivation
 });

...to receive events when a menu's row has been purposefully (de)activated.

The following options can be passed to menuAim. All functions execute with the relevant row's HTML element as the execution context ('this')

Tag: drop down navigation menu