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