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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。