位置：首页-资讯-前端开发

html5的marquee标签怎么用

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

本篇内容介绍了“html5的marquee标签怎么用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

marquee不是html5新标签，它已被弃用，开发人员需要避免使用它。marquee是一个非标准的HTML标签，用于创建滚动文本或图像，可让文本或图像在网页上水平或垂直向下滚动。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

<marquee> 是一个非标准的 HTML 标签，用于创建滚动文本或图像。它用于使文本或图像在网页上水平或垂直向下滚动。你可以使用它的属性控制当文本到达容器边缘发生的事情。

<marquee> 元素已被弃用，请不要再使用。尽管一些浏览器仍然支持它，但它不是必须的。此外，使用这个元素基本上是你可以对你的用户做最糟糕的事情之一，所以请不要这样做。

<marquee>标签成对出现。内容写在开始 (<marquee>) 和结束 (</marquee>) 标记之间。

属性

behavior
设置文本在 marquee 元素内如何滚动。可选值有 scroll，slide 和 alternate。如果未指定值，默认值为 scroll。
bgcolor
通过颜色名称或十六进制值设置背景颜色。
direction
设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。
height
以像素或百分比值设置高度。
hspace
设置水平边距。
loop
设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动.
scrollamount
设置每次滚动时移动的长度（以像素为单位）。默认值为 6。
scrolldelay
设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意，除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。
truespeed
默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。
vspace
以像素或百分比值设置垂直边距。
width
以像素或百分比值设置宽度。

使用 HTML <marquee> 标签的例子：

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      marquee{
      font-size: 30px;
      font-weight: 800;
      color: #8ebf42;
      font-family: sans-serif;
      }
    </style>
  </head>
  <body>
    <marquee>A scrolling text created with HTML Marquee element.</marquee>
  </body>
</html>

html5的marquee标签怎么用