五、網頁跑馬燈

五、網頁跑馬燈語法教學 HTML marquee 程式設計

(一) 兩種不同的 HTML marquee 跑馬燈設計

1.基本款式（要跑的文字會依瀏覽器預設方向跑動）

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

2.進階款式（參數可以設定要跑的方向與速度）

<marquee 這裡放參數設定>這裡放要跑的文字</marquee>

(二) HTML marquee 跑馬燈可用的參數如下

1.    方向設定：direction="參數值"；可設定 up（向上）、dun（向下）、left（向左）、right（向右）。

2.    對齊設定：align="參數值"；可設定 top（向上對齊）、midden（垂直至中）、botton（向下對齊）。

3.    速度設定：scrollamount="參數值" ；可設定為數字，通常設定 1~10 的範圍，數字越大跑得越快。

4.    長度設定：height="參數值"；數字，自行設定。

5.    寬度設定：width="參數值"；數字，自行設定。

6.    行為設定：behavior="參數值"；可設定 alternate（來回跑）、slide（跑入後停止）。

7.    背景顏色：bgcolor="參數值"；可設定為顏色的色碼，不設定則沒有顏色。

(三) HTML marquee 跑馬燈範例：

<marquee direction="right" height="30" scrollamount="5" behavior="alternate">** 歡迎光臨 **</marquee>

顯示結果：參考右上方。