HTML <marquee>用法及代碼示例

HTML中的<marquee>標記用於在網頁中創建滾動文本或圖像。它從水平左向右或從右向左滾動，或從上到下或從下到上垂直滾動。

用法:
選取框元素成對出現。這意味著標簽具有打開和關閉元素。

ATTRIBUTES	VALUES	DESCRIPTION
bgcolor	顏色名稱	定義選取框的背景色。
direction	上，下，左，右	定義滾動內容的方向
loop	Number	指定內容移動多少次。默認值為無窮大。
height	px或％	定義選取框的高度
width	px或％	定義選取框的寬度
hspace	px	指定選框周圍的水平空間
vspace	px	指定選框周圍的垂直空間

例：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Marquee Tag</title> 
    <style> 
    .main { 
        text-align:center; 
    } 
    .marq { 
        padding-top:30px; 
        padding-bottom:30px; 
    } 
    .geek1 { 
        font-size:36px; 
        font-weight:bold; 
        color:white; 
        padding-bottom:10px; 
    } 
    </style> 
</head>  
  
<body> 
    <div class = "main"> 
    <marquee class="marq" bgcolor = "Green" direction = "left" loop="" > 
        <div class="geek1">GeeksforGeeks</div> 
        <div class="geek2">A computer science portal for geeks</div> 
    </marquee> 
    </div> 
</body> 
</html>

輸出：

字幕標簽

極客

極客的計算機科學門戶

例：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Marquee Tag</title> 
    <style> 
    .main { 
        text-align:center; 
        font-family:"Times New Roman"; 
    } 
    .marq { 
        padding-top:30px; 
        padding-bottom:30px; 
    } 
    .geek1 { 
        font-size:36px; 
        font-weight:bold; 
        color:white; 
        text-align:center; 
    } 
    .geek2 { 
        text-align:center; 
    } 
    </style> 
</head>  
  
<body> 
    <div class = "main"> 
    <marquee class="marq" bgcolor = "Green" direction = "up" loop="" > 
        <div class="geek1">GeeksforGeeks</div> 
        <div class="geek2">A computer science portal for geeks</div> 
    </marquee> 
    </div> 
</body> 
</html>

輸出：

字幕標簽

極客

極客的計算機科學門戶

例：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Marquee Tag</title> 
    <style> 
    .main { 
        text-align:center; 
        font-family:"Times New Roman"; 
    } 
    .marq { 
        padding-top:30px; 
        padding-bottom:30px; 
    } 
    .geek1 { 
        font-size:36px; 
        font-weight:bold; 
        color:white; 
        text-align:center; 
    } 
    .geek2 { 
        text-align:center; 
    } 
    </style> 
</head>  
  
<body> 
    <div class = "main"> 
    <marquee class="marq" bgcolor = "Green" direction = "down" loop="" > 
        <div class="geek1">GeeksforGeeks</div> 
        <div class="geek2">A computer science portal for geeks</div> 
    </marquee> 
    </div> 
</body> 
</html>

輸出：

字幕標簽

極客

極客的計算機科學門戶

相關用法

注：本文由純淨天空篩選整理自Naman_Garg大神的英文原創作品 HTML | <marquee> tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。