HTML DOM Marquee用法及代码示例

HTML DOM Marquee Object 用于表示 HTML <marquee> 标签。我们知道 <marquee> 标签用于将内容从水平移动到垂直或从左到右或从右到左。

用法

它用于访问选框标签。
```
document.getElementById("id");  
```
它用于创建选取框标签。
```
document.createElement("MARQUEE");
```

属性值：

bgcolor:用于设置或返回 <marquee> 标签的背景颜色值。
direction:它用于设置或返回 <marquee> 标签的方向属性的值。
loop:它用于设置或返回 <marquee> 标签的循环属性的值。
height:它用于设置或返回 <marquee> 标签的高度。
width:它用于设置或返回 <marquee> 标签的高度。
hspace:它用于设置或返回 <marquee> 标签的空格。
vspace:它用于设置或返回 <marquee> 标签的 vspace。

范例1：下面的 HTML 代码说明了如何创建选取框对象。

HTML


<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
      
    <h2>DOM Marquee Object</h2>
      
    <b>
        Click on the below button to 
        create a marquee object
    </b>
      
    <p></p>
      
    <button onclick="createMarqueObject()">
        Create Marquee Object
    </button>
  
    <script>
        function createMarqueObject() {
            var elementVar = document.createElement("MARQUEE");
            var txt = document.createTextNode(
                "GeeksforGeeks:A computer Science Portal for Geek");
            elementVar.appendChild(txt);
            document.body.appendChild(elementVar);
        }
    </script>
</body>
  
</html>

输出：

HTML DOM Marquee Object

范例2：下面的 HTML 代码说明了如何更改选取框元素的背景颜色和字体大小。

HTML


<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h2>DOM Marquee Object</h2>
  
    <marquee id="marqueeID">
        GeeksforGeeks:A computer Science
        Portal for Geeks
    </marquee>
    <br><br>
  
    <button onclick="btnClick()">
        Change BackGround Color
    </button>
  
    <script>
        function btnClick() {
            var txt = document.getElementById("marqueeID");
            txt.style.backgroundColor = "green";
            txt.style.fontSize = "25px";
        }
    </script>
</body>
  
</html>

输出：

HTML DOM Marquee Object

支持的浏览器：

谷歌浏览器1.0
边12.0
火狐 65.0
Internet Explorer 2.0
Opera 7.2
野生动物园 1.2

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Marquee Object。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。