htmlmarquee標籤詳解

一、 htmlmarquee標籤

在HTML中，要實現文字或圖片滾動的效果，可以使用marquee標籤，常見的變體是用於移動水平的Marquee，以及用於移動垂直的Marquee，即marquee和marquee-direction。Marquee被列為HTML5.1的非標準元素。 用戶使用HTML5（2）元素代替Marquee以進行動畫效果。Marquee標籤具有如下語法：

<marquee>content</marquee>

其中content可以是字母、數字、標點符號、圖片等。

二、 htmlmarquee標籤屬性

為使Marquee正常工作，它需要一些屬性。如：

    <marquee direction = "right" behavior = "scroll" scrollamount = "3">文本</marquee>

其中， direction 屬性用於指定滾動文字的方向，取值為 left 、 right 、 up 或 down 。behavior屬性用於指定滾動的方式，取滾動scroll或滑動slide值 ，scrollamount用於指定滾動的像素，可以是任何數字。

三、 htmlmarquee屬性

Marquee標籤還有其他屬性可供使用，下面是一些常用的：

1、 scrollstop

scrollstop屬性定義了在用戶單擊規定的Marquee時，Marquee是否停止滾動。如果scrollstop = true，則Marquee在單擊時停止滾動；如果scrollstop = false，則Marquee不會停止滾動。如果未定義scrollstop屬性，則默認值為true。

    <marquee scrollstop = "true">文本</marquee>

2、 loop

loop屬性定義了Marquee滾動的次數。如果您將loop屬性設置為-1，則Marquee將無限滾動。

    <marquee loop = "-1">文本</marquee>

3、 bgcolor

bgcolor屬性定義了Marquee的背景顏色。

    <marquee bgcolor = "lightblue">文本</marquee>

4、 height 和 width

height和width屬性分別定義了Marquee的高度和寬度。

    <marquee width = "80%" height = "100px">文本</marquee>

四、 htmlmarquee停止滾動

stop()方法可以停止Marquee的滾動，而start()方法可以重新開始Marquee的滾動。

    <button onclick = "document.getElementById('myMarquee').stop()">停止</button>
    <button onclick = "document.getElementById('myMarquee').start()">開始</button>

五、 htmlmarquee怎麼設置

在HTML中，可以使用內聯樣式和外部樣式表來設置Marquee的樣式：

    <marquee style = "color: blue; background-color: lightblue; width: 50%;">文本</marquee>
    <style>
        marquee {
            color: blue;
            background-color: lightblue;
            width: 50%;
        }
    </style>

六、 html marquee用法

Marquee標籤可用於顯示廣告、實時信息、時間表、製作滾動標題等。下面是使用Marquee標籤創建混合文本和圖像的示例：

    <marquee width = "50%" height = "60px" bgcolor = "#fcf8e3" scrollamount = "6" loop = "-1" behavior = "scroll">
        <h2>Welcome to Our Website!</h2>
        <img src = "image.jpg" alt = "image">
    </marquee>

七、 html marquee滾動速度

可以使用scrollamount屬性來增加或減少滾動的速度。

    <marquee width = "50%" height = "60px" bgcolor = "#fcf8e3" scrollamount = "3" loop = "-1" behavior = "scroll">
        <h2>Welcome to Our Website!</h2>
        <img src = "image.jpg" alt = "image">
    </marquee>

八、 htmlmarquee無縫銜接

使用scrollamount屬性來使Marquee的內容在開始和結束時無縫連接，創建一個滾動文本和圖像的無限循環效果。

    <marquee width = "50%" height = "60px" bgcolor = "#fcf8e3" scrollamount = "6" loop = "-1" behavior = "scroll">
        <h2>Welcome to Our Website!</h2>
        <img src = "image.jpg" alt = "image">
        <img src = "image.jpg" alt = "image">
        <img src = "image.jpg" alt = "image">
    </marquee>

九、 htmlmarquee框內滾動

設置Marquee為內部，使其在框架中滾動。

    <iframe scrolling = "no">
        <marquee width = "100%" height = "100px" loop = "-1" direction = "up" behavior = "scroll">
            <h2>Welcome to Our Website!</h2>
            <img src = "image.jpg" alt = "image">
        </marquee>
    </iframe>

十、 htmlmarquee滾動圖片怎麼做

使用Marquee標籤可以輕鬆地讓圖片滾動，只需將img標籤放在Marquee標籤內即可。

    <marquee width = "50%" height = "60px" scrollamount = "6" loop = "-1" behavior = "scroll">
        <img src = "image1.jpg" alt = "image">
        <img src = "image2.jpg" alt = "image">
        <img src = "image3.jpg" alt = "image">
    </marquee>

總結

Marquee標籤是用於創建滾動文本和圖像的HTML標籤。使用它可以使您的網站更具吸引力。除了滾動文本和圖像之外，您還可以使用樣式和其他屬性自定義Marquee的外觀和行為。