用Javascript动画在屏幕上奔跑的动物

Question

我有数千种不同动物的JPEG。我想显示它们在网络浏览器中从屏幕的左端向右移动。在任何时候，屏幕上可能只有几只动物或几百只。如何使用Javascript完成此操作？

Answer 1

例如，您可以使用动物动画的循环动画gif。然后，您可以使用JS更改gif的位置。

var elem = document.getElementById("animal");
      var pos = 0;
      var id = setInterval(frame, 75);
      function frame() {
          if (pos >= 100) {
              pos = -10;
          } else {
              pos=pos+0.25;
              elem.style.left = pos + '%';
          }
      }