想要讓網頁看起來更生動嗎？想要吸引瀏覽者的目光？你可以試試「跑馬燈」這個設計，它能夠輕鬆的讓網頁呈現效果生動起來，若有最新消息，也可以試著放上去看看呦～

基本款式

<marquee>這裡放要跑的文字</marquee>

這樣短短一行，就可以呈現出跑馬燈的效果囉！只不過是依照瀏覽器預設的樣式去跑動

(因為截圖看不出效果，自己錄結果很lag)

如果想要自己設定樣式，就接著來看看進階的設定吧！

進階款式

方向設定

direction="參數值"

• up（向上）
• down（向下）
• left（向左）
• right（向右）

行為設定

behavior="參數值"

• alternate（來回跑）
• slide（跑到底後停止）

背景顏色

bgcolor="參數值"

寬度與高度設定

width="參數值"
height="參數值"

速度設定

scrollamount="參數值"
參數值放入數字，通常設定 1~10 的範圍，數字越大跑得越快

範例如下↓

<marquee direction="right" behavior="alternate" width="300" height="100" bgcolor="yellow" scrollamount="7">這裡放要跑的文字</marquee>

還是很lag 非常抱歉~