Последние записи

made in programmersforum 4

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

21st
Дек

Плавное смещение блока с помощью jquery

Posted by Chas under HTML, JavaScript

Столкнулся с проблемой, что не могу добиться плавного смещение блока на экране с использованием функции sleep(); может кто помочь решить данную проблему.

Lesha

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>

		<script language="JavaScript" src="http://jqbook.narod.ru/page/primer/jquery-1.2.6.js"></script>

		<link rel="stylesheet" href="styles/style.css" type="text/css" />

		<style>

			#lol { width: 40px; height: 40px; background-color: blue; }

		</style>

		<script type="text/javascript">

			function change_block(id){

				$('#'+id).animate({marginTop : (screen.height-300)+'px',  marginLeft : (screen.width-300)+'px'},10000);

			}

		</script>

	</head>

<body>
				<div id="lol"  onClick='change_block("lol")' >

				</div>
</body>

</html>