html的marquee滚动标签
生活随笔
收集整理的這篇文章主要介紹了
html的marquee滚动标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
語法:說明:在標記之間添加要進行滾動的內容。
<span style="font-size:18px;"><marquee></marquee></span> 1.滾動方向direction(包括4個值:up、 down、 left和 right)? ? ? ?語法:<marquee direction="滾動方向">...</marquee>
2.滾動方式behavior(scroll:循環滾動,默認效果; slide:只滾動一次就停止; alternate:來回交替進行滾動)
語法:<marquee behavior="滾動方式">...</marquee>
3.滾動速度scrollamount(滾動速度是設置每次滾動時移動的長度,以像素為單位)
語法:<marquee scrollamount="5">...</marquee>
4.滾動延遲scrolldelay(設置滾動的時間間隔,單位是毫秒)
語法:<marquee scrolldelay="100">...</marquee>
5.滾動循環loop(默認值是-1,滾動會不斷的循環下去)
語法:<marquee loop="2">...</marquee>
6.滾動范圍width、height
7.滾動背景顏色bgcolor
8.空白空間hspace、vspace
下面這兩個事件經常用到:?
onMouseOut="this.start()" :用來設置鼠標移出該區域時繼續滾動 onMouseOver="this.stop()":用來設置鼠標移入該區域時停止滾動
代碼如下:
<pre name="code" class="html"><marquee onMouseOut="this.start()" onMouseOver="this.stop()"> onMouseOut="this.start()" :用來設置鼠標移出該區域時繼續滾動 onMouseOver="this.stop()":用來設置鼠標移入該區域時停止滾動 </marquee>
一個完成的例子:
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()"> 這是一個完整的例子 </marquee>
align 設定<marquee>標簽內容的對齊方式
absbottom:絕對底部對齊(與g、p等字母的最下端對齊)
absmiddle:絕對中央對齊?
baseline:底線對齊?
bottom:底部對齊(默認)?
left:左對齊 middle:中間對齊 right:右對齊 texttop:頂線對齊 top:頂部對齊
總結
以上是生活随笔為你收集整理的html的marquee滚动标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: url,html,javascript中
- 下一篇: 边框border属性总结