A Pen by Evgenij

Thumbnail
This awesome code was written by ZhekaOloloev, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ZhekaOloloev ©

Technologies

  • HTML
  • CSS
  • JavaScript
    <body>
  <head>
    <title>Ничего личного</title>
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <!-- чтобы работали Куки на сутки, после нажатия блок убирался на 24 часа, скачайте плагин Jquery Cookie https://plugins.jquery.com/cookie/ и пропишите тут до него путь где разместили .js - cам Куки Скрипт прописан ниже, должен работать -->
</head>

<!-- https://plugins.jquery.com/cookie/ -->
  <script type="text/JavaScript">
    $(document).ready(function (){ var box1 = $.cookie('5element') if(box1 =='none'){ $('#5element').remove(); } $('#closes1').click(function() { $('#5element').slideUp(1000); $.cookie('5element', 'none', { expires: 1}); }); });
  </script>

  <div id="closes1">
  <div id="5element" class="block"><a href="https://yandex.ru" target="_blank"><img class="blockIMG" src="https://66.media.tumblr.com/e0641a8306a90fca252bf5e0c1bb2627/tumblr_o9jpmcRSHG1t95h1uo1_400.gif" /></a>поехали</div>
  </div>
  
<!--
  <div id="box1">
    <div id="boxs1">x</div>
    Содержимое блока
  </div>
-->

  <script type="text/javascript">
    $(document).ready(function() {
      $(window).mousemove(function(pos) {
        $(".block").css('left', (pos.pageX - 265) + 'px').css('top', (pos.pageY - 195) + 'px'); 
        setTimeout(function(){$('.block').fadeOut('fast')},24*60*60*365);
      });
    });
  </script>
  
</body>

/*Downloaded from https://www.codeseek.co/ZhekaOloloev/a-pen-by-evgenij-KMaGqv */
    body {height:4800px;
  background:#eaeaea;
}
.block {position:relative; 
 top:0; 
 left:0; 
 padding:5px; 
 width:302px; 
 height:242px; 
 padding-bottom:30px;
 border: 0px solid #283250; 
  background:#fff;
    -moz-box-shadow:0px 0px 5px #000;
    -webkit-box-shadow:0px 0px 5px #000;
    box-shadow:0px 0px 5px #000; color:#000; z-index:99999999999999999;
 } 
.block a{text-decoration:none; color:#000;}
.block a:hover{text-decoration:none; color:#000;}
.blockIMG img {position:relative; width:302px; height:242px;}


/*Downloaded from https://www.codeseek.co/ZhekaOloloev/a-pen-by-evgenij-KMaGqv */
    // jQuery(document).click( function(event){
//	if( $(event.target).closest(".blockzzzzz").length ) 
//	return;
//	jQuery(".blockzzzzz").fadeOut("slow");
//	event.stopPropagation(); 
// });

Comments