極客書

HTML - Marquees

HTML選框是根據設置水平或垂直向下滾動顯示的文本。這是使用HTML<marquees>標記創建的。

注意：在HTML5中，<marquee>標記已棄用。不要使用這個元素，而是可以使用JavaScript和CSS來創建這樣的效果。

Syntax

使用HTML<marquee>標記的簡單語法如下所示;

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

The <marquee> Tag Attributes

下面是可與<marquee>標記一起使用的重要屬性列表。

Sr.No Attribute & Description
1

寬度

指定選框的寬度。這個值可以是10%或20%等。
2

高度

這指定了選框的高度。這個值可以是10%或20%等。
3

direction

這指定了字幕滾動的方向。這可以是一個類似於向上、向下、左或右的值。
4

行爲

這指定了滾動字幕的類型。這可以有一個類似於滾動、滑動和交替的值。
5

滾動延遲

它指定每次跳轉之間的延遲時間。這個值大約是10等。
6

滾動量

指定字幕文本的速度。這個值可以是10等。
7

循環

這指定循環多少次。默認值是無限的，這意味著選取框將無限循環。
8

背景色

這將根據顏色名稱或顏色十六進位值指定背景色。
9

空間

這將指定選框周圍的水平空間。這個值可以是10%或20%等。
10

垂直空間

這將指定選框周圍的垂直空間。這個值可以是10%或20%等。

下面是幾個示例來演示天棚標記的用法。

Examples - 1

Live Demo 
<!DOCTYPE html>
<html>

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

這將產生以下結果&負;

Examples - 2

Live Demo 
<!DOCTYPE html>
<html>

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

這將產生以下結果&負;

Examples - 3

Live Demo 
<!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>

這將產生以下結果&負;

Examples - 4

Live Demo 
<!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>

這將產生以下結果&負;