最近一段時間由于重構了一個項目,一直沒時間進行更新,是時候冒個泡了!今天偶然發現一好玩的標簽,和大家分享一下!
- marquee標簽,創建一個滾動的文本字幕,應用于文字、圖片、今天才知道,基礎知識有待提高!
文字朝上滾動
<marquee direction=up behavior=scroll loop=3 scrollamount=10 scrolldelay=4 bgcolor=#ccc height=150 width=15% hspace=4 vspace=4><P align=center>朝上滾動</P></marquee>
marquee標簽屬性詳解
屬性參數值 |
示例代碼 |
direction="left"向左(默認值) |
<marquee direction="left">向左滾動</marquee> |
direction="up"向上 |
<marquee direction="up">向上滾動</marquee> |
direction="right"向右 |
<marquee direction="right">向右滾動</marquee> |
direction="down"向下 |
<marquee direction="down">向下滾動</marquee> |
屬性參數值 |
示例代碼 |
behavior="alternate"來回滾動 |
<marquee behavior="alternate">來回滾動</marquee> |
behavior="scroll"單方向循環滾動 |
<marquee behavior="scroll">單方向循環滾動</marquee> |
behavior="slide"只滾動一次 |
<marquee behavior="slide">只滾動一次</marquee> |
-loop屬性
屬性參數值 |
示例代碼 |
loop="2"滾動2次 |
<marquee loop="2">我滾動2次。</marquee> |
bloop="infinite"無限循環滾動 |
<<marquee loop="infinite">無限循環滾動。</marquee> |
loop="-1"無限循環滾動 |
<marquee loop="-1">無限循環滾動。</marquee> |
屬性參數值 |
示例代碼 |
scrollamount="50"速度慢了些 |
<marquee scrollamount="50">慢了些。</marquee> |
scrollamount="100"速度很快 |
<marquee scrollamount="100">速度很快</marquee> |
屬性參數值 |
示例代碼 |
scrolldelay="30"小步前進 |
<marquee scrolldelay="30">小步前進。</marquee> |
scrolldelay="1000"大步前進 |
<marquee scrolldelay="1000" scrollamount="100">大步前進。</marquee> |
常用的就這些 ,同樣支持width、height等屬性。。。
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。