Marquees（Marquees）

优质

小牛编辑

125浏览

2023-12-01

HTML选取框是一种滚动文本，可根据设置水平显示在网页上或垂直显示在网页上。这是使用HTML 标记创建的。

Note - HTML5中不推荐使用“marquee”标记。不要使用此元素，而是可以使用JavaScript和CSS来创建此类效果。

语法 (Syntax)

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

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

标签属性

以下是可与标记一起使用的重要属性列表。

Sr.No	属性和描述
1	width 这指定了选框的宽度。这可以是10或20％等的值。
2	height 这指定了选框的高度。这可以是10或20％等的值。
3	direction 这指定了选取框应滚动的方向。这可以是up, down, left或right 。
4	behavior 这指定了选框的滚动类型。这可以具有scroll, slide和alternate等值。
5	scrolldelay 这指定了每次跳转之间的延迟时间。这将有一个像10等的值。
6	scrollamount 这指定了选框文本的速度。这个值可以是10等。
7	loop 这指定循环的次数。默认值为INFINITE，这意味着选取框无休止地循环。
8	bgcolor 它根据颜色名称或颜色十六进制值指定背景颜色。
9	hspace 这指定了选框周围的水平空间。这可以是10或20％等的值。
10	vspace 这指定了选框周围的垂直空间。这可以是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>