Simple-Overlay - Lightweight jQuery Plugin For Overlays - Free

Demo:


Source URL:


Overlays are used widely when we need to block HTML elements or the full body and transfer the attention of the user to a specific point.

There are high-quality plugins for creating overlays but most of them come with Lightbox or modal dialog capabilities and sometimes all we need is only the overlay.

Simple Overlay is a flexible and lightweight jQuery plugin that can display the overlay using jQuery's fade effect, slide effect or no effect at all and can be improved further with built-in CSS hooks like CSS3-glossy effects.

The overlay can also be customized more by setting its color, opacity level, whether it'll be removed with onclick and more.

Thanks to custom callbacks, any functions can be fired after onShow and onHide events.