HTML DOM Marquee direction屬性用法及代碼示例

<marquee> 方向屬性在HTML用於設置或返回方向屬性的值<marquee>標簽。

用法:

用於返回選取框方向屬性。

marqueeObject.direction;

用於設置選取框方向屬性。

marqueeObject.direction = "up|down|left|right"

注意：該屬性從 HTML 5 開始已被棄用。

屬性值：

up: 它將方向設置為向上。
down: 它設置向下的方向。
left: 它將方向設置為向左。這是默認值。
right:它將方向設置為向右。

返回值：它返回一個表示移動文本方向的字符串值。

示例 1：下麵的 HTML 代碼說明了如何訪問選取框方向屬性。

HTML


<!DOCTYPE html>
<html>
         
    <body style="text-align:center;">    
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee direction Property</h2>
         
        <marquee id="marqueeID" direction="up">
            GeeksforGeeks:A computer Science Portal for Geeks
        </marquee>        
        <br><br>
         
        <button onclick="btnClick()">
            Get direction of Marquee element 
        </button>
        <p id="paraID"></p>
        <script>
            function btnClick() {
                var txt = document.getElementById(
                    "marqueeID").direction;
                document.getElementById(
                    "paraID").innerHTML = txt;
            }
        </script>    
    </body>
</html>

輸出：

HTML DOM Marquee direction Property

示例 2：下麵的 HTML 代碼說明了如何更改方向Marquee

HTML


<!DOCTYPE html>
<html>
         
    <body style="text-align:center;">
     
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee direction property</h2>
         
        <marquee id="marqueeID" direction="up">
            GeeksforGeeks:A computer Science Portal for Geeks
        </marquee>        
        <br><br>
            
        <button onclick="btnClick()">
            Change direction of Marquee element 
        </button>
        <p id="paraID"></p>
        <script>
            function btnClick() {
                var txt = document.getElementById(
                    "marqueeID").direction  = "left";
                document.getElementById(
                    "paraID").innerHTML = txt;
            }
        </script>    
    </body>
</html>

輸出：

HTML DOM Marquee direction Property

下麵列出了支持的瀏覽器：

穀歌瀏覽器1.0
邊12.0
火狐1.0
互聯網瀏覽器2.0
Opera 7.2
Safari 1.2

相關用法

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