In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery. So, let’s start! The Markup The HTML structure will consist of a main wrapper div for the menu which will contain the overlay and the unordered li
![Overlay Effect Menu with jQuery | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/c16f658d5c4a0edcb30a8f862d606c2b06fefbeb/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2010%2F11%2FoverlayEffectMenu.jpg%3Fx82873)