Всем добрый день. Ситуация сложилась. Необходимо двигать картинку к относительно заданному элементу (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