<html>
<head>
<style type="text/css">
body {
min-height:600px;
}
body * {
margin:0;
padding:0;
}
#wrp-p {display:none;position:fixed;z-index:3000;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.87);}
#wrp-p .cnt{
position:absolute;
margin:auto;
border-radius:12px;
padding:23px;
top:0;bottom:0;left:0;right:0;
width:320px;
height:170px;
color:#fff;
background-color:rgba(0,0,0,.7);
border:double 5px rgba(0,0,0,.7);
box-shadow: 0 0 22px rgba(255,255,255,.2);
font: normal normal 400 16px/normal "Times New Roman";
}
#wrp-p .cnt pre{margin-top:14px;}
</style>
<script type="text/javascript">
window.onload = function() {
var deltaNotWork = 2000; //Cейчас две секунды, типично выбирают Время неподвижности курсора: (17 минут = 17*60*60*1000)
var TimId;
function aFunk(){
clearTimeout(TimId);
TimId = setTimeout(function() {document.getElementById('wrp-p').style.display="block";},deltaNotWork);
}
var body = document.body;
aFunk(); body.onkeyup = aFunk; body.onmousemove = aFunk; window.onscroll = aFunk;
};
</script>
</head>
<body>
<!-- Всплывалка при отсутствии реакции пользователя -->
<div id="wrp-p">
<div class="cnt">
<pre align="center">
Кликните иконку для продолжения
<a href="/"><img src="http://javascript.ru/forum/images/smilies/smile.gif"></a>
</pre>
</div>
</div>
</body>
</html>