Modal popups are used pretty frequently on the web. Some popular uses of them include driving newsletter sign ups, displaying notifications/alerts, and handling register and login forms.
needPopup is a lightweight and cross-browser jQuery plugin which allows to display a responsive, nice clean modal popup with CSS3 powered animations on our web site.
How to use it:
1. Include the required jQuery needPopup plugin’s stylesheet in the document’s head section.
2. Place your content into an element with our modal ID.
3. Add a trigger link that uses data-needpopup-show attribute to point to the target modal ID.
4. Include the jQuery needPopup plugin’s script after jQuery library, but before the closing body tag.
5. Config the modal popup.
6. All the default config options.
Code :
needPopup.config.custom = { // config options here };
// 'outside' to place in wrapper and 'inside' to place in popup 'removerPlace':'inside', // close on click outside popup 'closeOnOutside':true, // on show callback onShow:function() {}, // on before show callback onBeforeShow:function() {}, // on hide callback onHide:function() {}