г. Саратов
+7 (927) 130-20-79
mail@promo64.ru

Скрипт всплывающего баннера

Разработка и продвижение сайтов в Саратове

Всплывающий баннер с возможностью закрыть на определенное время

<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>