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

ErUnDAK · June 23, 2017

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

Edited June 23, 2017 by ErUnDAK

wwt · June 23, 2017

https://jsfiddle.net/1zocbhx6/

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

ErUnDAK · June 23, 2017

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

https://jsfiddle.net/1zocbhx6/

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

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

Николя223 · June 23, 2017

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

data-move

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

ErUnDAK · June 23, 2017

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

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

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

Sign In

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

Question

ErUnDAK

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

wwt

Link to comment

Share on other sites

ErUnDAK

Link to comment

Share on other sites

Николя223

Link to comment

Share on other sites

ErUnDAK

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information