Всплывающий баннер с возможностью закрыть на определенное время
<style> #slidebox{ width:300px; height:80px; padding:10px; background-color: rgba(255, 255, 255, 0.87); border-top:3px solid #095197; position:fixed; bottom:0px; right:-430px; -moz-box-shadow:-2px 0px 5px #aaa; -webkit-box-shadow:-2px 0px 5px #aaa; box-shadow:-2px 0px 5px #aaa; text-align: left; z-index: 2000; } #slidebox p, a.more{ padding:4px; font-size:11px; letter-spacing:1px; color:#555; } a.close{ width:13px; height:13px; position:absolute; cursor:pointer; top:10px; right:10px; } a.close:hover{ background-position:0px -13px; } </style> <?php if (!isset($_COOKIE['test'])){ ?> <div id="slidebox"> <a class="close">X</a> <p><a href="/">Скачать каталог продукции</a></p> <p><a href="/">Отправить запрос</a></p> </div> <?php } ?> <script> window.onload=function(){ jQuery('#slidebox').animate({'right':'0px'},200);//скорость появления } jQuery('#slidebox .close').bind('click',function(){ var date = new Date(new Date().getTime() + 5 * 1000);//время на которое не показывать при закрытии document.cookie = "test=Hello; path=/; expires=" + date.toUTCString(); jQuery(this).parent().remove(); }); </script>