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>

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章