Постоянное изменение left в jquery

ErUnDAK · 23 июня

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="script's.js"></script>

        <style>

                .text-jquery {
                        margin: 0 0 0 30px;
                        transition: 4s;
                }

                h1 {
                        position: relative;
                }

        </style>

</head>
<body>
        <input id="val1" type="text"><br><br>
        <input id="val2" type="text"><br><br>
        <button id="as">Посчитать!</button>
        <button id="lol">Сместить!</button>
        <button id="lik"></button>
        <h1>LOL</h1>
</body>
</html>

Как мне сделать в jquery, чтобы при каждом нажатии на кнопку с id="lik" у меня h1 смещался влево на 15px?

Изменено 23 июня пользователем ErUnDAK

wwt · 23 июня

https://jsfiddle.net/1zocbhx6/

двигать можно по разному, в зависимости от надобности можно немного изменять механизм.

ErUnDAK · 23 июня

37 минут назад, wwt сказал:

https://jsfiddle.net/1zocbhx6/

двигать можно по разному, в зависимости от надобности можно немного изменять механизм.

А где можно почтитать о атрибуте data-move? Впервыек такое вижу

Николя223 · 23 июня

1 час назад, ErUnDAK сказал:

data-move

это пользовательский. при необходимости можно любой создать

ErUnDAK · 23 июня

42 минуты назад, Николя223 сказал:

это пользовательский. при необходимости можно любой создать

Я не совсем понимаю JavaScript, можете объяснить как код, что мне дали работает по-этапно?

Войти

Постоянное изменение left в jquery

Вопрос

ErUnDAK 1

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

4 ответа на этот вопрос

Рекомендуемые сообщения

wwt 613

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

ErUnDAK 1

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Николя223 322

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

ErUnDAK 1

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Создать аккаунт

Войти

Похожие публикации

Карта разработчиков

Ближайшие события

Текущие цели пожертвований

Лучшие авторы

Сообщество

Блоги

Активность

Магазин