Показать сообщение отдельно
  #5 (permalink)  
Старый 07.06.2020, 19:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

SLIZNUST,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
     .body{
         position: absolute;
         transition: 1s;
     }

    </style>
</head>
<body>
<img class="body" src="https://image.winudf.com/v2/image1/Y29tLmFiYy5hbmRyb2lkbW9vZHNfaWNvbl8xNTU2NzMxNDAyXzA3Nw/icon.png?w=170&fakeurl=1" alt="">

<script>
let car = document.querySelector('.body');
car.style.left = '100px';
function moveRight(event) {
let left = car.style.left;
if (left != '') left = parseInt(left);
else left = 100;
left += event.type == 'click' ? 150 : -150;
car.style.left = left + 'px';
}
car.addEventListener("click", moveRight, false);

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