Показать сообщение отдельно
  #4 (permalink)  
Старый 08.11.2018, 14:40
Аватар для SuperZen
Профессор
Отправить личное сообщение для SuperZen Посмотреть профиль Найти все сообщения от SuperZen
 
Регистрация: 08.11.2017
Сообщений: 642

3-е задание

<html>

<head>
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
    }

    .block {
      position: absolute;
      width: 100px;
      height: 100px;
      background-color: antiquewhite;
      border: 1px solid rebeccapurple;
      top: 0;
      left: 0;
      transition: all 0.5s;
    }
  </style>
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      var block = document.getElementById('block')
      document.addEventListener('click', function (e) {
        block.style.top = e.y + 'px'
        block.style.left = e.x + 'px'
      })
    })
  </script>
</head>

<body>
  <div id="block" class="block"></div>
</body>

</html>
Ответить с цитированием