第七节跑马灯
跑马灯:标签
- 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>
这都是我的课堂笔记,如果大家觉得写的不错就给我点赞哦!您的鼓励就是我创作的动力!