【小提示：<marquee >標記只適用於IE瀏覽器。】
『跑馬燈』這名詞大家應該不陌生，在看新聞台時，常會看到在字串在螢幕的左右或上下移動。在網頁內容的呈現上，也可以製作出這種效果，只要利用<marguee>標記即可。以下將介紹<marguee>標記之使用方法：
一、文字跑馬燈
(1)<marguee>標記(跑馬燈)之語法
一般在設計網頁時，會將重要之公告或消息以跑馬燈之方式呈現，希望瀏覽者在瀏覽網頁時能馬上注意到跑馬燈上之訊息。因為跑馬燈會捲動，為了不讓瀏覽者等待太多時間及看得眼花瞭亂，跑馬燈刊載之字數不宜太多。
跑馬燈之語法如下：
<marquee direction="right" behavior="slide" scrolldelay="120" loop="5" bgcolor="#00FFFF" width="500" height="30">觀迎光臨育華影印店！</marquee>
(2)<marguee>標記屬性之介紹
在此再複習一下標記屬性之輸入位置及規定。屬性係直接輸入在起始標記內，其輸入之規定彙整如下：
- 直接置於起始標記內。
- 標記屬性輸入之格式為：屬性名稱="設定值" 。
- 如果有很多屬性，則以空白隔開不同的屬性。
- 屬性輸入後，其設定值之前後需輸入 『"』，如<body text="#000000">。
1.direction屬性
設定文字的捲動方向，『left』表示向左移動，『right』表示向右移動。當沒有填寫direction屬性時，會預設為向左(left)移動。
2.behavior屬性
設定文字的捲動模式，分為三種：
- behavior="scroll"
文字從一端開始跑動，捲動到另一端消失，當沒有指定behavior屬性時，會預設為此種捲動模式。
- behavior="slide"
文字從一端開始跑動，捲動到另一端就會完全消失。
- behavior="alternate"
文字從一端開始跑動，捲動到另一端時，會立即轉向另一端，在兩端交替跑來跑去。
3.bgcolor屬性
設定跑馬燈的顏色。
4.width屬性
設定跑馬燈的寬度。如未指定跑馬燈寬度，則預設為螢幕寬度。
5. height屬性
設定跑馬燈的高度。如未指定跑馬燈高度，則預設為與文字或圖片相同高度。
6.hspace屬性
設定跑馬燈與四周文字的水平空白距離。
7.vspace屬性
設定跑馬燈與四周文字的垂直空白距離。
8.loop屬性(loop="infinite")
設定跑馬燈重複次數，其設定值可以是『整數』或是『infinite』。『infinite』表示無限次，如果未指定loop屬性，則預設為『infinite』。
9.scrollamount屬性
跑馬燈移動的距離，單位為「像素」。
10.scrolldelay屬性
跑馬燈移動的停頓時間 ，單位為「毫秒」。
二、圖片跑馬燈
除了可設定文字的跑馬燈之外，圖片也可以有跑馬燈效果。要將圖片設定成具有跑馬燈之效果，同樣係仗用<marquee>標記，只要將文字替換成影像標記就可以了，其他屬性設定都與設定文字跑馬燈一樣。
三、上下捲動的跑馬燈
在瀏覽其它網站時，發現其實跑馬燈也可以上下捲動。輸入之語法很簡單，其實只要改變一下<marquee>標記中之<direction>屬性即可。
其輸入語法如下：
- 向上捲動
<marquee direction="up" behavior="slide" scrolldelay="120" loop="5" bgcolor="#00FFFF" width="500" height="30">觀迎光臨育華影印店！ </marquee>向下捲動
<marquee direction="down" behavior="slide" scrolldelay="120" loop="5" bgcolor="#00FFFF" width="500" height="30">觀迎光臨育華影印店！ </marquee>
