--- title: ：捲動元素（已過時） slug: Web/HTML/Element/marquee translation_of: Web/HTML/Element/marquee ---

HTML <marquee> 元素用作插入一段文字的捲動區域。你可以透過屬性，控制文字在到達邊緣後的應對動作。

DOM 介面 {{DOMxRef("HTMLMarqueeElement")}}

屬性

{{htmlattrdef("behavior")}}
設定文字如何在 marquee 內捲動。可用值為 scroll、slide、alternate。若無指定，預設值為 scroll。
{{htmlattrdef("bgcolor")}}
透過色彩名或十六進位值指定背景顏色。
{{htmlattrdef("direction")}}
設定 marquee 內的捲動方向。可用值為 left、right、up、down。若無指定，預設值為 left。
{{htmlattrdef("height")}}
設定像素或百分比高度。
{{htmlattrdef("hspace")}}
設定橫向外邊（horizontal margin）
{{htmlattrdef("loop")}}
設定 marquee 捲動的次數。若無指定，預設值為 -1，意思是的 marquee 將持續捲動。
{{htmlattrdef("scrollamount")}}
以像素為單位，設定捲動的間隔量。預設值為 6。
{{htmlattrdef("scrolldelay")}}
設定每次捲動時之間間隔的毫秒。預設值為 85。請注意，除非指定了 truespeed，否則小於 60 的數字會被忽略，並值使用 60。
{{htmlattrdef("truespeed")}}
scrolldelay 預設上會忽略低於 60 的值。但如果有 truespeed 的話，就不會忽略此值。
{{htmlattrdef("vspace")}}
以像素或百分比值設置垂直邊距。
{{htmlattrdef("width")}}
設置以像素或百分比值為單位的寬度。

事件處理器

{{htmlattrdef("onbounce")}}
marquee 滾動到結尾時觸發。只能在 behavior 屬性設置為 alternate 時觸發。
{{htmlattrdef("onfinish")}}
marquee 完成 loop 屬性的設定值時觸發。只能在 loop 屬性設為大於 0 的數字時觸發。
{{htmlattrdef("onstart")}}
marquee 開始捲動時觸發。

方法

start()
開始 marquee 的捲動
stop()
停止 marquee 的捲動

示例

<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    This text will bounce
  </marquee>
</marquee>

{{EmbedLiveSample("Examples", 600, 450)}}

規範

規範 狀態 註解
{{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '<marquee>')}} {{Spec2('HTML WHATWG')}} 為了利於 CSS 而令其過時，但為了向下相容，還是定義了預期行為。不過 CSS 的 marquee 功能已經停止開發。
{{SpecName('HTML5 W3C', 'obsolete.html#the-marquee-element-0', '<marquee>')}} {{Spec2('HTML5 W3C')}} 為了利於 CSS 而令其過時，但為了向下相容，還是定義了預期行為。不過 CSS 的 marquee 功能已經停止開發。

瀏覽器相容性

{{Compat("html.elements.marquee")}}

參見