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>

这都是我的课堂笔记,如果大家觉得写的不错就给我点赞哦!您的鼓励就是我创作的动力!