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>
</body>
</html>
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>