語(yǔ)法:
<marquee></marquee>
以下是一個(gè)最簡(jiǎn)單的例子:
代碼如下:
<marquee><fontsize=+3color=red>Hello,World</font></marquee>
下面這兩個(gè)事件經(jīng)常用到:
onMouseOut="this.start()":用來(lái)設(shè)置鼠標(biāo)移出該區(qū)域時(shí)繼續(xù)滾動(dòng)
onMouseOver="this.stop()":用來(lái)設(shè)置鼠標(biāo)移入該區(qū)域時(shí)停止?jié)L動(dòng)
代碼如下:
<marqueeonMouseOut="this.start()"onMouseOver="this.stop()">onMouseOut="this.start()":用來(lái)設(shè)置鼠標(biāo)移出該區(qū)域時(shí)繼續(xù)滾動(dòng)onMouseOver="this.stop()":用來(lái)設(shè)置鼠標(biāo)移入該區(qū)域時(shí)停止?jié)L動(dòng)</marquee>
這是一個(gè)完整的例子:
代碼如下:
<marqueeid="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()">
這是一個(gè)完整的例子
</marquee>
該標(biāo)簽支持的屬性多達(dá)11個(gè):
align
設(shè)定<marquee>標(biāo)簽內(nèi)容的對(duì)齊方式
absbottom:絕對(duì)底部對(duì)齊(與g、p等字母的最下端對(duì)齊)
absmiddle:絕對(duì)中央對(duì)齊
baseline:底線對(duì)齊
bottom:底部對(duì)齊(默認(rèn))
left:左對(duì)齊
middle:中間對(duì)齊
right:右對(duì)齊
texttop:頂線對(duì)齊
top:頂部對(duì)齊
代碼如下:
<marqueealign="absbottom">align="absbottom":絕對(duì)底部對(duì)齊(與g、p等字母的最下端對(duì)齊)。</marquee>
<marqueealign="absmiddle">align="absmiddle":絕對(duì)中央對(duì)齊。</marquee>
<marqueealign="baseline">align="baseline":底線對(duì)齊。</marquee>
<marqueealign="bottom">align="bottom":底部對(duì)齊(默認(rèn))。</marquee>
<marqueealign="left">align="left":左對(duì)齊。</marquee>
<marqueealign="middle">align="middle":中間對(duì)齊。</marquee>
<marqueealign="right">align="right":右對(duì)齊。</marquee>
<marqueealign="texttop">align="texttop":頂線對(duì)齊。</marquee>
<marqueealign="top">align="top":頂部對(duì)齊。</marquee>
behavior
設(shè)定滾動(dòng)的方式:
alternate:表示在兩端之間來(lái)回滾動(dòng)。
scroll:表示由一端滾動(dòng)到另一端,會(huì)重復(fù)。
slide:表示由一端滾動(dòng)到另一端,不會(huì)重復(fù)。
代碼如下:
<marqueebehavior="alternate">alternate:表示在兩端之間來(lái)回滾動(dòng)。</marquee>
<marqueebehavior="scroll">scroll:表示由一端滾動(dòng)到另一端,會(huì)重復(fù)。</marquee>
<marqueebehavior="slide">slide:表示由一端滾動(dòng)到另一端,不會(huì)重復(fù)。</marquee>
bgcolor
設(shè)定活動(dòng)字幕的背景顏色,背景顏色可用RGB、16進(jìn)制值的格式或顏色名稱來(lái)設(shè)定。
代碼如下:
<marqueebgcolor="#006699">設(shè)定活動(dòng)字幕的背景顏色bgcolor="#006699"</marquee>
<marqueebgcolor="RGB(10%,50%,100%,)">設(shè)定活動(dòng)字幕的背景顏色bgcolor="rgb(10%,50%,100%,)"</marquee>
<marqueebgcolor="red">設(shè)定活動(dòng)字幕的背景顏色bgcolor="red"</marquee>
direction
設(shè)定活動(dòng)字幕的滾動(dòng)方向
代碼如下:
復(fù)制代碼代碼如下:
<marqueedirection="down">設(shè)定活動(dòng)字幕的滾動(dòng)方向direction="down":向下</marquee>
<marqueedirection="left">設(shè)定活動(dòng)字幕的滾動(dòng)方向direction="left":向左</marquee>
<marqueedirection="right">設(shè)定活動(dòng)字幕的滾動(dòng)方向direction="right":向右</marquee>
<marqueedirection="up">設(shè)定活動(dòng)字幕的滾動(dòng)方向direction="up":向上</marquee>
height
設(shè)定活動(dòng)字幕的高度
代碼如下:
<marqueeheight="500"direction="down"bgcolor="#CCCCCC">設(shè)定活動(dòng)字幕的高度height="500"</marquee>
width
設(shè)定活動(dòng)字幕的寬度
代碼如下:
復(fù)制代碼代碼如下:
<marqueewidth="500"bgcolor="#CCCCCC">設(shè)定活動(dòng)字幕的寬度width="500"</marquee>
hspace
設(shè)定活動(dòng)字幕里所在的位置距離父容器水平邊框的距離
Thiscontrolsthehorizontal(水平)spacearoundthedisplaybox.
碼代碼如下:
<tablewidth="500"border="1"align="center"cellpadding="0"cellspacing="0">
<tr>
<td><marqueehspace="100"bgcolor="#CCCCCC">hspace="100"</marquee></td>
</tr>
</table>
vspace
設(shè)定活動(dòng)字幕里所在的位置距離父容器垂直邊框的距離
Thiscontrolsthevertical(垂直)spacearoundthedisplaybox.
代碼如下:
<marqueevspace="100"bgcolor="#CCCCCC">hspace="100"</marquee>
loop
設(shè)定滾動(dòng)的次數(shù),當(dāng)loop=-1表示一直滾動(dòng)下去,默認(rèn)為-1
代碼如下:
<marqueeloop="-1"bgcolor="#CCCCCC">我會(huì)不停地走。</marquee>
<p> </p>
<marqueeloop="2"bgcolor="#CCCCCC">我只走兩次哦</marquee>
scrollamount
設(shè)定活動(dòng)字幕的滾動(dòng)速度,單位pixels
代碼如下:
<marqueescrollamount="10">scrollamount="10"</marquee>
<marqueescrollamount="20">scrollamount="20"</marquee>
<marqueescrollamount="30">scrollamount="30"</marquee>
scrolldelay
設(shè)定活動(dòng)字幕滾動(dòng)兩次之間的延遲時(shí)間,單位millisecond(毫秒)
值大了會(huì)有一步一停頓的效果
代碼如下:
<marqueescrolldelay="10">scrolldelay="10"</marquee>
<marqueescrolldelay="100">scrolldelay="100"</marquee>
<marqueescrolldelay="1000">scrolldelay="1000"</marquee>
更多信息請(qǐng)查看IT技術(shù)專欄