HTML - 字幕

HTML 选取框是一段滚动文本，根据设置在网页上水平或垂直向下显示。这是通过使用 HTML <marquees> 标签创建的。

注意- HTML5 中已弃用 <marquee> 标签。不要使用此元素，您可以使用 JavaScript 和 CSS 来创建此类效果。

句法

使用 HTML <marquee> 标签的简单语法如下 -

<marquee attribute_name = "attribute_value"....more attributes>
   One or more lines or text message or image
</marquee>

<marquee> 标签属性

以下是可与 <marquee> 标签一起使用的重要属性列表。

先生编号 属性及描述
1

宽度

这指定了选取框的宽度。该值可以是 10% 或 20% 等值。
2

高度

这指定了选取框的高度。该值可以是 10% 或 20% 等值。
3

方向

这指定选取框滚动的方向。这可以是诸如up、down、left或right之类的值。
4

Behave

这指定了选取框的滚动类型。它可以有一个像scroll、slide和alternate的值。
5

滚动延迟

这指定每次跳转之间延迟多长时间。该值将类似于 10 等。
6

滚动量

这指定了选取框文本的速度。该值可以是 10 等。
7

环形

这指定了循环次数。默认值为INFINITE，这意味着选取框无限循环。
8

背景颜色

这根据颜色名称或颜色十六进制值指定背景颜色。
9

空间

这指定了选取框周围的水平空间。该值可以是 10% 或 20% 等值。
10

虚拟空间

这指定了选取框周围的垂直空间。该值可以是 10% 或 20% 等值。

下面是几个例子来演示marquee标签的用法。

示例 - 1

现场演示 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee>This is basic example of marquee</marquee>
   </body>
	
</html>

这将产生以下结果 -

示例 - 2

现场演示 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee width = "50%">This example will take only 50% width</marquee>
   </body>
	
</html>

这将产生以下结果 -

示例 - 3

现场演示 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>

   <body>
      <marquee direction = "right">This text will scroll from left to right</marquee>
   </body>
	
</html>

这将产生以下结果 -

示例 - 4

现场演示 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee direction = "up">This text will scroll from bottom to up</marquee>
   </body>
	
</html>

这将产生以下结果 -