1. 簡介：

一般意義上認為marguee是用來實現走馬燈動畫效果的（上下滾動，左右滾動等）；但是它其實是微軟90年代為IE搞出來的一個東西，它不是w3c標准的，所以如果你用了它可能在浏覽器兼容性方面會存在問題，當然也可能在Firefox下或者safari下碰巧沒有問題，看具體html和css情況了。這就是為什麼很多人轉向 javascript 或 flash來實現走馬燈動畫，目的就是兼容所有浏覽器。這個兼容的問題下面再談。先學習下基礎知識：

2. 語法：

 

<marquee></marquee>

 

3. 例子：

 

<marquee scrolldelay="40" scrollamount="2" behavior="scroll" direction="up" onmouseout="this.start()" onmouseover="this.stop()" style="overflow: hidden; width: 200px; height: 500px;" >

 

4. 主要參數：

• align：是設定活動字幕的位置，除了居左、居中、居右三種位置外，又增加靠上（top）和靠下（bottom）兩種位置。
• Bgcolor：用於設定活動字幕的背景顏色，可以使用英文的單詞也可以是十六進制數的。
• Direction：用於設定活動字幕的滾動方向是向左（left）、向右（right）、向上（up）、向下（down）。
• Behavior：用於設定滾動的方式，主要由三種方式：
• behavior="scroll"表示由一端滾動到另一端；默認為此項
• behavior="slide":表示由一端快速滑動到另一端，且不再重復；
• behavior="alternate"表示在兩端之間來回滾動。
• Height：用於設定滾動字幕的高度。

• Width：則設定滾動字幕的寬度。
• Hspace和vspace：分別用於設定滾動字幕的左右邊框和上下邊框的寬度.
• Scrollamount：用於設定活動字幕的滾動距離。數值越小，滾動的速度就越快。
• scrolldelay：用於設定滾動兩次之間的延遲時間，數值越小，間隔就越小。
• Loop：用於設定滾動的次數，當loop=-1表示一直滾動下去，直到頁面更新。其中默認情況是向左滾動無限次，字幕高度是文本高度；滾動
• 范圍：水平滾動的寬度是當前位置的寬度；垂直滾動的高度是當前位置的高度。

 

5. 浏覽器兼容性

 

marquee是IE的Tag，如果你用它，那其它浏覽器支不支持看運氣了，W3C沒認可的。運氣好的話在firefox下能工作，運氣不好還是要用javascript補救。所以建議大家盡量不用。其實jQuery都有marquee插件可以用的。www.hanwangtx.com