Головна‎ > ‎JavaScript‎ > ‎

Анімація

В таймері

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';
    }
  }
}