<marquee>:Marquee 元素
已棄用:此特性不再推薦。雖然某些瀏覽器可能仍然支援它,但它可能已經從相關的網路標準中刪除,可能正在刪除過程中,或者可能僅為相容性目的而保留。請避免使用它,如果可能,請更新現有程式碼;請參閱本頁底部的相容性表格以指導您的決策。請注意,此特性可能隨時停止工作。
<marquee> HTML 元素用於插入一個滾動的文字區域。您可以使用其屬性控制文字到達內容區域邊緣時發生的情況。
HTML <marquee> 元素已被棄用,強烈不建議使用。如果您必須建立滾動文字或連續元素的效果,請考慮使用 CSS 動畫 配合 CSS 變換 來平滑地動畫化內容,而不是使用 <marquee> 元素。此外,請包含 prefers-reduced-motion CSS @media 查詢,以根據使用者偏好停止動畫,從而提高使用者體驗和可訪問性。
屬性
behavior已棄用-
設定文字在 marquee 中滾動的行為。可能的值有
scroll、slide和alternate。如果未指定值,則預設值為scroll。 bgcolor已棄用-
透過顏色名稱或十六進位制值設定背景顏色。
direction已棄用-
設定 marquee 中滾動的方向。可能的值有
left、right、up和down。如果未指定值,則預設值為left。 height已棄用-
以畫素或百分比值設定高度。
hspace已棄用-
設定水平邊距
loop已棄用-
設定 marquee 滾動的次數。如果未指定值,則預設值為 -1,表示 marquee 將連續滾動。
scrollamount已棄用-
設定每次間隔的滾動量(以畫素為單位)。預設值為 6。
scrolldelay已棄用-
設定每次滾動移動之間的時間間隔(以毫秒為單位)。預設值為 85。請注意,任何小於 60 的值都將被忽略,並使用值 60,除非指定了
truespeed。 truespeed已棄用-
預設情況下,小於 60 的
scrolldelay值將被忽略。如果存在truespeed,則這些值不會被忽略。 vspace已棄用-
以畫素或百分比值設定垂直邊距。
width已棄用-
以畫素或百分比值設定寬度。
示例
<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"
class="outlined">
<marquee behavior="alternate">This text will bounce</marquee>
</marquee>
.outlined {
border: solid;
}
結果
技術摘要
| DOM 介面 | HTMLMarqueeElement |
|---|
規範
| 規範 |
|---|
| HTML # the-marquee-element-2 |
瀏覽器相容性
載入中…
另見
- CSS
transform屬性 - CSS
translate屬性 - CSS 變換模組
- CSS 動畫模組
HTMLMarqueeElement