Submit your widget

jQuery dropdown menu items with images

Created 5 years ago   Views 37399   downloads 7474    Author kamens
jQuery dropdown menu items with images
View DemoDownload 1.6 MB
103
Share |

 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')

Read more:https://github.com/kamens/jQuery-menu-aim