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
   
jQuery Plugin For Smart Exit Pop Behaviour - Exit Popup

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:

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.