Здраствуйте! Появилась проблема, с анимацией в javascript, я хочу сделать чтобы когда квадрат доходил до конца прямоугольника, он возвращался обратно (плавно), часть кода у меня есть, в этом случае квадрат идет по прямоугольнику, и заканчивает анимация. Анимацию я делаю, путем изменение css кода с помощью javascript. Вот
часть html код (если надо)
<b><body onload="moving()">
<div id="container"> //прямоугольник, по которому двигается квадрат
<div id="box"></div> // сам квадрат
</div></b>
вот css код
#container {
width: 345px;
height: 55px;
background: blue;
position: relative;
}
#box {
width: 50px;
height: 50px;
background: red;
position: absolute;
border:yellow solid 3px;
}
вот сам javascript код
function moving () {
var pos = 0;
var g = setInterval(move, 10);
var box = document.getElementById('box');
function move() {
pos += 1;
box.style.left = pos+'px';
if(pos >= 290) {
clearInterval(g);
}
}
}
