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 表示無限循環(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)簽锯仪,就能讓文字隨心所欲地走起來~