Показать сообщение отдельно
  #4 (permalink)  
Старый 09.01.2019, 18:47
Аватар для VооDоо
Интересующийся
Отправить личное сообщение для VооDоо Посмотреть профиль Найти все сообщения от VооDоо
 
Регистрация: 09.01.2019
Сообщений: 14

рони,
да, правда... Еще вот так можно:

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>BlockSize Demo</title>
</head>
<body>
	
	<div id="block"></div>

	<style>
	#block{
		width: 100px;
		height: 100px;
		position: absolute;
		top: 100px;
		left: 100px;
		background-color: #eee;
		border: 2px solid #ccc;
                cursor: pointer;
	}
</style>

<script>
	var block = document.getElementById('block'),
	size = 100,
	dx = 2,
	run = false;

	block.addEventListener('click', function(e){
		if(!run){
			run = !run;
			tick();
		}else{
			dx *= -1;
		}
	});

	function tick(){
		setInterval(function(){
			size += dx;
			block.style.width = block.style.height  = size + 'px';
		}, 200)
	};

</script>
</body>
</html>

Последний раз редактировалось VооDоо, 09.01.2019 в 18:49.
Ответить с цитированием