WebAppers

/ best free open source web resources /

Shopify

Create an Amazon-like Navigation Menu with jQuery

Posted · Category: Menu, MIT License

menu-aim is a jQuery plugin for 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.

menu-aim assumes that you are using a menu with submenus that expand to the menu’s right. It will fire events when the user’s mouse enters a new dropdown item and when that item is being intentionally hovered over. You can take a look at the detailed explanation here.

amazon-navigation

Requirements: jQuery Framework
Demo: https://github.com/kamens/jQuery-menu-aim
License: MIT License

1 Comment
  • pon malar

    jquery with html and css3 making an brilliant effects

    Cavin Technologies & Solutions is a professional Web Design Company in Chennai, India.We have provided our Web design Services to various corporates and small business enterprises. As a leading Website Design Company in Chennai, we offer most cost effective and Affordable Web Design Services in Chennai and high quality Website designs through out India.

    http://www.cavinitsolutions.com/

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons