Показать сообщение отдельно
  #1 (permalink)  
Старый 01.03.2012, 16:14
Аспирант
Отправить личное сообщение для alexandr_v-vich Посмотреть профиль Найти все сообщения от alexandr_v-vich
 
Регистрация: 30.01.2012
Сообщений: 78

Движение к относительно заданному элементу
Всем добрый день. Ситуация сложилась. Необходимо двигать картинку к относительно заданному элементу (position: relative). Соответственно получаю координаты картинки, затем этого элемента и задаю двигаться картинки до вторых координат. Но скрипт мне их просто считает, а движения нет..
#content {
	position: relative;
	height: 80px;
	width: 100%;
	float: left;
	background-color: rgb(60, 60, 60);
	}

<div id="bar">
	<a href="tuda.htm"><img src="pic.jpg" id="ger"></a>
</div>
<div id="content"></div>

<script>
	var obj = document.getElementById("ger");
	var res = document.getElementById("content");
	obj.style.top = 0 + "px";
	var l = 0;
	var t = 0;
	var top = 0;
	var left = 0;
	while (res)
	{
		l += res.offsetLeft;  
		t += res.offsetTop;
		res = res.offsetParent;  
	}
	while (obj)
	{
		left += obj.offsetLeft;  
		top += obj.offsetTop;
		obj = obj.offsetParent;  
	}
	alert(document.getElementById("ger").style.top);
	function frame() {
		top++;
		document.getElementById("ger").style.top = top + "px";
		if (top == t) {
		clearInterval(timer);
		alert(document.getElementById("ger").style.top);
		}
	}
	var timer = setInterval(frame, 10);
</script>


http://learn.javascript.ru/play/dLYh9

Последний раз редактировалось alexandr_v-vich, 01.03.2012 в 16:27.
Ответить с цитированием