js marquee标签 如何使用

JS marquee标签已经被弃用，推荐使用CSS实现。以下是CSS实现跑马灯效果的示例代码：

HTML代码：

<div class="marquee">
  <span>这是跑马灯内容</span>
</div>

CSS代码：

.marquee {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.marquee span {
  position: absolute;
  display: inline-block;
  animation: marquee 5s linear infinite;
}

@keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

解释：

- 将跑马灯内容包裹在一个div元素内，设置相对定位。
- 将跑马灯内容的父元素设置white-space: nowrap;和overflow: hidden;，使得内容不换行，超出部分隐藏。
- 将跑马灯内容设置为绝对定位，通过动画使其沿着x轴左移，达到跑马灯效果。
- 动画使用了CSS的@keyframes规则，从100%的偏移量开始，让内容从右侧进入，到左侧离开。