Kirkusscott
10/5/2017 - 4:46 PM

Exit banner

Exit banner

<script language="javascript" type="text/javascript">
     var posX;
     var posY;
     var xdiff;
     var ydiff;
     var xold;
     var yold;
$(document).ready(function(){
          $("#trigger").mousemove(function(e){
                    posX = e.pageX;
                    posY = e.pageY;
                    xdiff = posX - xold;
                    ydiff = posY - yold;
                         if(ydiff < -2){$("#outbanner").fadeIn(200);$('#trigger').hide();}
                    xold = posX;
                    yold = posY;});
          $("#outbanner").mouseup(function(){
               $(this).hide(function(){$(this).unbind()});
          });
         

});
</script>
<div id="trigger"></div>

<div id="outbanner">
     <div class="midlink">Wait dont leave yet!</div>

</div>
/* Pop Out Banner */
#trigger{
     position:fixed;
     top:0px;
     right:0px;
     width:40%;
     height:40px;
     z-index:10;
}

#outbanner{
     width:100%;
     height:60px;
     background-color:#990033;
     border-bottom:#9900FF 5px solid;
     display:none;
}
.midlink{width:400px;margin:0px auto 0px auto;padding:15px 0px 0px 0px;}
.midlink a{
     font-family:Arial, Helvetica, sans-serif;
     font-size:22px;
     color:#ffffff;
     text-decoration:none;}
.midlink a:hover{color:#359aff;}
.midlink img{padding:0px 0px 0px 5px;margin-top:-4px;}
/* End Pop Out Banner */