1.滾動文字標簽——marquee
使用<marquee>標簽可以將文字設置為動態滾動的效果。
語法格式:
<marquee>滾動文字</marquee>
也可以在標簽之間設置文字的字體、顏色等。
2.滾動方向屬性——direction
語法格式:
<marqueedirection="滾動方向">滾動文字</marquee>
“滾動方向取值”:up、down、left和right,其中向左滾動left的效果和默認效果相同。
3.滾動方式屬性——behavior
語法格式:
<marqueebehavior="滾動方式">滾動文字</marquee>
behavior的取值滾動方式
scroll循環滾動,默認效果
slide只滾動一次就停止
alternate來回交替進行滾動
4.滾動速度屬性——scrollamount
語法格式:
<marqueescrollamount="滾動速度">滾動文字</marquee>
在該語法中,滾動文字的速度實際上是設置滾動文字每次移動的長度,以像素為單位。
5.滾動延遲屬性——scrolldelay
語法格式:
<marqueescrolldelay="時間間隔">滾動文字</marquee>
時間間隔單位是毫秒(千分之一秒)
6.滾動循環屬性——loop
語法格式:
<marqueeloop="循環次數">滾動文字</marquee>
7.滾動范圍屬性——width、height
如果不設置滾動背景的面積,那么默認情況下,水平滾動的文字背景與文字同高、與瀏覽器窗口同寬,使用width和height參數調整其水平和垂直的范圍。
語法格式:
<marqueewidth=""height="">滾動文字</marquee>
寬度和高度的單位均為像素。
8.滾動背景顏色屬性——bgcolor
語法格式:
<marqueebgcolor="顏色代碼">滾動文字</marquee>
文字背景顏色設置為16位顏色碼
9.滾動空間屬性——hspace、vspace
語法格式:
<marqueehspace="水平范圍"vspace="垂直范圍">滾動文字</marquee>
水平和垂直范圍的單位均為像素。
<!doctypehtml>
<html>
<head>
<title>滾動文字</title>
</head>
<body>
<marqueedirection="right"behavior="alternate"scrollamount="15"scrolldelay="10"loop="2"height="100"bgcolor="ABCDEF">
<fontface="隸書"color="#0066FF"size="5">行盡天涯靜默山水間,傾聽晚風拂柳笛聲殘</font>
</marquee>
<marqueedirection="left"behavior="scroll"scrollamount="25"loop="1"bgcolor="pink"hspace="90"vspace="50">
<fontface="隸書"color="red"size="5">踏破芒鞋煙雨任平生,慧行堅勇究暢恒無極</font>
</marquee>
</body>
</html>