Marquee是html的標(biāo)簽，所有的主流瀏覽器都能兼容，用于創(chuàng)建文字滾動(dòng)。
來介紹下標(biāo)簽的屬性

滾動(dòng)方向 direction

<!--滾動(dòng)方向 direction 4個(gè)值 up down left right  默認(rèn)從右向左-->
<marquee direction="up">我想上滾動(dòng)</marquee>

滾動(dòng)方式 behavior

<!--3個(gè)值 scroll-循環(huán)滾動(dòng) slide-只滾動(dòng)一次 alternate-來回滾動(dòng)  默認(rèn)循環(huán)滾動(dòng)-->
<marquee behavior="slide">我只滾動(dòng)一次</marquee>

滾動(dòng)速度 scrollamount

<!--值越大，滾動(dòng)速度越快 一般5-10比較適宜消息觀看-->
<marquee scrollamount="5">我是速度為5的滾動(dòng)</marquee>

滾動(dòng)延遲 scrolldelay

<!--值越大，滾動(dòng)速度越慢，通常不設(shè)置-->
<marquee scrolldelay="90">我延遲滾動(dòng)</marquee>

滾動(dòng)循環(huán) loop

<!-- 默認(rèn)值-1或infinite 表示無(wú)限循環(huán)滾動(dòng) loop="數(shù)值" 表示滾動(dòng)相應(yīng)的次數(shù)-->
<marquee loop="2">我是loop循環(huán)滾動(dòng)</marquee>

滾動(dòng)范圍控制 width height

滾動(dòng)背景顏色 bgcolor

//寬100px 高90px 背景色為#f5f5f5的滾動(dòng)區(qū)域
<marquee direction="up" width="100" height="90" bgcolor="#f5f5f5" >
    <p>開發(fā)工程師</p>
    <p>設(shè)計(jì)師</p>
    <p>前端開發(fā)</p>
</marquee>

滾動(dòng)空間 hspace-水平邊距 vspace-垂直邊距

<marquee direction="up" width="50" hspace="20" vspace="10" >
    <p>開發(fā)工程師</p>
    <p>設(shè)計(jì)師</p>
    <p>前端開發(fā)</p>
</marquee>

滾動(dòng)事件

//鼠標(biāo)懸停，滾動(dòng)停止   鼠標(biāo)離開，滾動(dòng)繼續(xù)
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()">
    <p>開發(fā)工程師</p>
    <p>設(shè)計(jì)師</p>
    <p>前端開發(fā)</p>
</marquee>

簡(jiǎn)單的一個(gè)標(biāo)簽，就能讓文字隨心所欲地走起來~