最近有個專案需要跑馬燈的效果，然而本人比較懶，不想寫js；

於是搜尋了一下，知道h5中有這麼一個標籤可以實現跑馬燈效果！

這裡給大家分享一下：

marquee標籤不是HTML3.2的一部分，並且只支援MSIE3以後核心，所以如果你使用非IE核心瀏覽器(如：Netscape)可能無法看到下面一些很有意思的效果，該標籤是個容器標籤。

<marquee>
　需要滾動的文字
　需要滾動的文字
　也可以是圖片
</marquee>

一、marquee標籤的幾個重要屬性：
1.direction：滾動方向(包括4個值：up、down、left、right)

 說明：up：從下向上滾動；down：從上向下滾動；left：從右向左滾動；right：從左向右滾動。
 語法：<marquee direction="滾動方向">...</marquee>
 

2.behavior：滾動方式(包括3個值：scroll、slide、alternate)

 說明：scroll：迴圈滾動，預設效果；slide：只滾動一次就停止；alternate：來回交替進行滾動。
 語法：<marquee behavior="滾動方式">...</marquee>

3.scrollamount：滾動速度(滾動速度是設定每次滾動時移動的長度，以畫素為單位)
語法：…

4.scrolldelay:設定滾動兩次之間的延遲時間，值大了會有一步一停頓的效果(設定滾動的時間間隔，單位是毫秒)
語法：…

5.loop：設定滾動迴圈的次數(預設值是-1，滾動會不斷的迴圈下去)
語法：…

6.width、height：設定滾動字幕的寬度、高度
語法：…

7.bgcolor：設定滾動字幕的背景顏色(可以是顏色值，也可以是rgb()或rgba()函式)
語法：…

8.hspace、vspace：空白空間(相當於設定margin值)
說明：hspace：設定活動字幕裡所在的位置距離父容器水平邊框的距離，如hspace=“10”，即等同於：margin：0 10px；
vspace：設定活動字幕裡所在的位置距離父容器垂直邊框的距離，如vspace=“10”，即等同於：margin：10px 0；
語法：…(等同於：margin：10px；)

9.align：設定滾動字幕內容的對齊方式(包括9個值：absbottom、absmiddle、baseline、bottom、left、middle、right、texttop、top)說明：absbottom：絕對底部對齊（與g、p等字母的最下端對齊）
absmiddle：絕對中央對齊
baseline：底線對齊
bottom：底部對齊（預設）
left：左對齊
middle：中間對齊
right：右對齊
texttop：頂線對齊
top：頂部對齊
語法：…

10.face：設定滾動字幕的文字字型
語法：

11.color：設定滾動字幕的文字顏色
語法：

12.size：設定滾動字幕的文字字號
語法：

13.STRONG：設定滾動字幕的文字加粗
語法：

當然了，marquee 這個有很多限制，為了更好的相容各個瀏覽器還是用js比較好。

當然這是個新東西，相信以後肯定會相容的，也會放心使用的，期待。。。。

還是百度百科好：

marquee標籤是HTML標籤中建立文字滾動的標籤。
簡介
direction 表示滾動的方向，值可以是left，right，up，down，預設為left；
behavior 表示滾動的方式，值可以是scroll（連續滾動）slide（滑動一次）alternate（來回滾動）；
loop 表示迴圈的次數，值是正整數，預設為無限迴圈；
scrollamount 表示運動速度，值是正整數，預設為6；
scrolldelay 表示停頓時間，值是正整數，預設為0，單位是毫秒；
valign 表示元素的垂直對齊方式，值可以是top，middle，bottom，預設為middle；
align 表示元素的水平對齊方式，值可以是absbottom：絕對底部對齊（與g、p等字母的最下端對齊），absmiddle：絕對中央對齊，baseline：底線對齊，bottom：底部對齊（預設），left：左對齊，middle：中間對齊，right：右對齊，texttop：頂線對齊，top：頂部對齊；
bgcolor 表示運動區域的背景色，值是16進位制的RGB顏色，預設為白色；
height、width 表示運動區域的高度和寬度，值是正整數（單位是畫素）或百分數，預設width=100% height為標籤內元素的高度；
hspace、vspace 表示元素到區域邊界的水平距離和垂直距離，值是正整數，單位是畫素；

哈哈?