Marquee跑馬燈

滾動方向 direction

<!--滾動方向 direction 4個值 up down left right  默認從右向左-->
<marquee direction="up">我想上滾動</marquee>

 

滾動方式 behavior

<!--3個值 scroll-循環滾動 slide-只滾動一次 alternate-來回滾動  默認循環滾動-->
<marquee behavior="slide">我只滾動一次</marquee>

 

滾動速度 scrollamount

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

 

滾動延遲 scrolldelay

<!--值越大，滾動速度越慢，通常不設置-->
<marquee scrolldelay="90">我延遲滾動</marquee>

 

滾動循環 loop

<!-- 默認值-1或infinite 表示無限循環滾動 loop="數值" 表示滾動相應的次數-->
<marquee loop="2">我是loop循環滾動</marquee>

 

滾動範圍控制 width height

滾動背景顏色 bgcolor

//寬100px 高90px 背景色爲#f5f5f5的滾動區域
<marquee direction="up" width="100" height="90" bgcolor="#f5f5f5" >
    <p>開發工程師</p>
    <p>設計師</p>
    <p>前端開發</p>
</marquee>

 

滾動空間 hspace-水平邊距 vspace-垂直邊距

<marquee direction="up" width="50" hspace="20" vspace="10" >
    <p>開發工程師</p>
    <p>設計師</p>
    <p>前端開發</p>
</marquee>

 

滾動事件

//鼠標懸停，滾動停止   鼠標離開，滾動繼續
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()">
    <p>開發工程師</p>
    <p>設計師</p>
    <p>前端開發</p>
</marquee>