目录

HTML - Marquees( Marquees)

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, leftright

4

behavior

这指定了选框的滚动类型。 这可以具有scroll, slidealternate等值。

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>

这将产生以下结果 -

新页面打开
↑回到顶部↑
WIKI教程 @2018