Question

在HTML 4中，有一个<marquee>标签可以在屏幕上显示滑动文本。
在HTML5中等效的内容是什么？

Answer 1

没有其他选择。尽管<marquee>提供的行为可以使用css / js来实现。

Answer 2

您可以使用浏览器供应商特定的CSS和CSS3规范来实现这一目标。

这里是一个例子：

{
  width: 200px; height: 50px; white-space: nowrap;
  overflow: hidden;
  overflow-x:-webkit-marquee;
  -webkit-marquee-direction: forwards;
  -webkit-marquee-style: scroll;
  -webkit-marquee-speed: normal;
  -webkit-marquee-increment: small;
  -webkit-marquee-repetition: 5;
  overflow-x: marquee-line;
  marquee-direction: forward;
  marquee-style: scroll;
  marquee-speed: normal;
  marquee-play-count: 5;
}

查看this帖子以获取每个属性的说明

Answer 3

通过CSS动画，您可以做同样的事情

.holder {
  background:#ccc;
  padding:0.5rem;
  overflow: hidden;
}
.news {
  animation : slide 10s linear infinite;
  
}

@keyframes slide {
  0% {
    transform: translatex(0%)
  }

  100% {
    transform: translatex(100%)
  }
}

<div class="holder">
  <div class="news">Hello....</div>
</div>

HTML5中的<marquee>标记相当于什么？

3 个答案: