7.跑馬燈

第七節跑馬燈

跑馬燈:標籤

behavior:滾動方式

slide:從一段滾動到另外一段,不重複

alternate:表示兩端之間來回滾動

scroll:表示從一段滾動到另外一段

direction:表示滾動方向

down:向下滾動

left:向左滾動

right:向右滾動

up:向上滾動

loop:設置滾動次數

-1:無限循環滾動

infinite:無限循環滾動

scrollamount:表示滾動速度

數字越大滾動越快

crolldelay:表示延遲滾動

效果:

滾動文字:

<marquee behavior=“scroll” direction=“down” height=“400px” width=“400px” bgcolor=“aquamarine” loop=“infinite” scrollamount=“10” scrolldelay=“4”>文字也可以滾動

<marquee behavior=“scroll” direction=“right” height=“100px” bgcolor=“blanchedalmond” loop="-1" scrollamount=“30”>卡路里,卡路里

滾動圖片:

<marquee behavior=“scroll” scrollamount=“20” loop="-1">
<img src="…/image/summer.jpg" widt=“600px” height=“400px” />
<img src="…/image/autumn.jpg" widt=“600px” height=“400px” />
<img src="…/image/winter.jpg" widt=“600px” height=“400px” />
</marquee>

這都是我的課堂筆記,如果大家覺得寫的不錯就給我點贊哦!您的鼓勵就是我創作的動力!