Анімація
В таймері
a++
a1.innerHTML = a;
a2.src = mas[a];
a3.style.height = 100+a*10+"px"
Рух по діагоналі
HTML
<div id="myCont">
<div id="myAnim"></div>
</div>
CSS
#myCont {
width: 600px;
height: 400px;
position: relative;
background: blue;
}
#myAnim {
width: 30px;
height: 30px;
position: absolute;
background: green;
}
JS
function Move() {
var elem = document.getElementById("myAnim");
var pos = 0;
var id = setInterval(frame, 10);
function frame() {
if (pos == 350) {
clearInterval(id);
} else {
pos++;
elem.style.top = pos + 'px';
elem.style.left = pos + 'px';
}
}
}