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