jQuery Plugin For Smart Exit Pop Behaviour - Exit Popup
File Size: | 46.9 KB |
---|---|
Views Total: | 15933 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Exit Popup is a minimalist jQuery plugin that popups an animated modal box when your user is wanting to leave the current web page. The idea is to fire an event when the user moves the mouse to the address bar of the web browser.
See also:
- jQuery Plugin For Confirmation on Leaving the Current Page - confirmExit
- Smart jQuery Plugin For Page Leave Event - pageleave
- jQuery Plugin To Pop To Another URL On Page Exit - Exitpop
How to use it:
1. Include the jQuery library together with jquery-exit-popup.css
and jquery-exit-popup.js
in your document.
<link rel="stylesheet" href="css/jquery-exit-popup.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery-exit-popup.js"></script>
2. Create a modal box that will popup when your user is about to leave the web page.
<div id="exitpopup"> ... </div>
3. Create a fullscreen overlay for the modal box.
<div style="display: none; width:100%; height:100%; position:fixed; background:#000000; opacity: .8; filter:alpha(opacity=0.8); z-index:999998;" id="exitpopup_bg"></div>
This awesome jQuery plugin is developed by drei01. For more Advanced Usages, please check the demo page or visit the official website.