介紹跑馬燈的HTML標記

什麼是跑馬燈？

👻

有注意到什麼嗎？

✈

讓資料像這樣的移動，這就是跑馬燈。

想學更多知識，就請繼續往下看吧~ :D

本文將依序說明跑馬燈的語法、屬性，還有它的進階應用。 :D

跑馬燈的基本語法
<marquee>顯示內容</marquee>

跑馬燈常用的屬性
<marquee width="" height="" behavior="" direction="" scrollamount="" scrolldelay="" truespeed="" loop="" hspace="" vspace="" bgcolor="">顯示內容</marquee>

marquee的屬性介紹

屬性	說明
width	預設為版面寬度。
height	預設為顯示內容的高度。
behavior	移動方式，預設為scroll。 scroll 循環 alternate 左右來回 slide 定點停止
direction	移動方向，預設為left。 上up 下down 左left 右right
scrollamount	顯示內容的移動速度，預設為6px。 設為0則完全不會動。 數字越大，移動速度越快。
scrolldelay	顯示內容的移動間隔，預設為85ms。 當值低於60ms，以60ms為準！ 數字越大，間隔越大。
truespeed	這個屬性是搭配scrolldelay一起使用。 使用這個屬性時，scrolldelay可以設低於60ms以下的值。 truespeed沒有明確的屬性值，你隨便打什麼都會執行。
loop	次數，預設值0，無限多次。
hspace	左右邊緣的空間，預設值0。
vspace	上下邊緣的空間，預設值0。
bgcolor	背景顏色，預設值#ffffff(白色)。

跑馬燈的進階應用

<marquee><img src="圖片網址"></marquee>



<marquee><a href="網址" target="_blank">超連結的文字</a></marquee>

小閔小礦工

<marquee onMouseOver="this.stop()" onMouseOut="this.start()">顯示內容</marquee>

🚒 別擋我！

<marquee behavior="alternate" direction="down" height="200" style="border:solid;" width="200">
  <marquee behavior="alternate">
    ●
  </marquee>
</marquee>

●

跑馬燈的HTML標記就介紹到這，我們下回見~ :D

ʕ•̀ω•́ʔ

(≧▽≦)

(✪ω✪)

ʕ•ᴥ•ʔ

ʕ•ᴥ•ʔʕ•ᴥ•ʔ

ʕ•ᴥ•ʔ