原生html标签marquee被废弃后js解决方案

  let Omarquee = document.getElementById(el)
  let timer = null

  scroll();
  Omarquee.addEventListener('mouseenter', function () {
    window.clearInterval(timer);
  })
  Omarquee.addEventListener('mouseleave', function () {
    timer = setInterval(function () {
      if (offset == scrollWeight) {
        offset = 0;
      }
      Omarquee.style.marginLeft = "-" + offset + "px";
      offset += 1;
    }, 50);
  })

  var offset = 0;
  var scrollWeight = Omarquee.offsetWidth;
  var length = Omarquee.children.length;

  function scroll() {
    for (var i = 0; i < length - 1; i++) {
      var node = Omarquee.children[i].cloneNode(true);
      Omarquee.appendChild(node);
    }
    timer = setInterval(function () {
      if (offset == scrollWeight) {
        offset = 0;
      }
      Omarquee.style.marginLeft = "-" + offset + "px";
      offset += 1;
    }, 50);
  }

  

原文地址:https://www.cnblogs.com/crazy-rock/p/14987436.html