js替换marquee标签

marquee标签可以使用CSS和JavaScript来替换。

使用CSS替换marquee标签：

使用CSS的animation属性可以实现类似于marquee标签的滚动效果。以下是一个示例：

<style>
    .marquee {
        white-space: nowrap;
        overflow: hidden;
        animation: marquee 5s linear infinite;
    }
    
    @keyframes marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
    }
</style>

<div class="marquee">
    This is a sample text that will scroll horizontally.
</div>

使用JavaScript替换marquee标签：

可以使用JavaScript来创建一个定时器，以实现类似于marquee标签的滚动效果。以下是一个示例：

<div id="marquee">
    This is a sample text that will scroll horizontally.
</div>

<script>
    var marquee = document.getElementById('marquee');
    var distance = 0;
    var speed = 2;
    
    setInterval(function() {
        distance -= speed;
        marquee.style.transform = 'translateX(' + distance + 'px)';
        if (distance < -marquee.offsetWidth) {
            distance = 0;
        }
    }, 20);
</script>

在上面的示例中，我们使用了定时器来每20毫秒更新一次距离，以实现滚动效果。我们还使用了transform属性来移动元素的位置。