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>
輸出:
範例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>
輸出:
支持的瀏覽器:
- 穀歌瀏覽器1.0
- 邊12.0
- 火狐 65.0
- Internet Explorer 2.0
- Opera 7.2
- 野生動物園 1.2
相關用法
- HTML <marquee>用法及代碼示例
- HTML Marquee scrolldelay用法及代碼示例
- HTML Marquee hspace用法及代碼示例
- HTML Marquee direction用法及代碼示例
- HTML Marquee truespeed用法及代碼示例
- HTML Marquee width用法及代碼示例
- HTML Marquee height用法及代碼示例
- HTML Marquee vspace用法及代碼示例
- HTML Marquee behavior用法及代碼示例
- HTML Marquee scrollamount用法及代碼示例
- HTML Marquee loop用法及代碼示例
- HTML Marquee bgcolor用法及代碼示例
- HTML DOM Object用法及代碼示例
- HTML DOM HTML用法及代碼示例
- HTML DOM Object useMap屬性用法及代碼示例
- HTML DOM Header用法及代碼示例
- HTML DOM Footer用法及代碼示例
- HTML DOM Span用法及代碼示例
- HTML DOM HR用法及代碼示例
- HTML DOM button用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML DOM Marquee Object。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。