<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#leaving {
text-align: center;
width: 600px;
height: 470px;
margin: 0px auto;
display: none;
position: fixed;
padding: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 999999;
background-color: #ffffff;
}
#leaving h1 {
margin-top: 0px;
padding-top: 0px;
}
#leaving p {
text-align: left;
}
#leaving_bg {
display: none;
width: 100%;
height: 100%;
position: fixed;
background: #000000;
z-index: 999998;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>
<script type="text/javascript">
$(document).mousemove(function(c) {
$('#leaving').css('left', (window.innerWidth / 2 - $('#leaving').width() / 2));
$('#leaving').css('top', (window.innerHeight / 2 - $('#leaving').height() / 2));
if(c.pageY <= 5) {
// Show the exit popup
$('#leaving_bg').fadeIn();
$('#leaving').fadeIn();
}
});
$('#leaving_bg').click(function() {
$('#leaving_bg').fadeOut();
$('#leaving').slideUp();
});
</script>
<div id="leaving_bg"></div>
<div id="leaving">
<h1>So you are leaving us? Uhm..</h1>
Ok.. I was going to share the method I made <h3>$10,000</h3> in only 3 hours with you.
<strong>But now I DONT LIKE YOU ANYMORE</strong>
</div>