一、文字滚动
marquee标签又叫滚动标签。它是用来控制一段文本或其它元素滚动的HTML标签。
语法:
<marquee direction="滚动方向" behavior="滚动方式" scrollmount="滚动速度">文字</marquee>
其中direction有如下取值:
属性值 | 描述 |
---|---|
left | 默认值,向左滚动 |
right | 向右滚动 |
up | 向上滚动 |
down | 向下滚动 |
behavior有如下属性值
属性值 | 描述 |
---|---|
scroll | 默认值,循环滚动 |
slide | 只滚动一次,不重复滚动 |
alternate | 来回滚动 |
还有一些其他常见的属性值如下:
- loop 表示循环的次数,值是正整数,默认为无限循环
- scrollamount 表示运动速度,值是正整数,默认为6
- scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
- valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
- align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
- bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
- height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默width=100% height为标签内元素的高度
二、图片滚动
语法:
<marquee direction="滚动方向" behavior="滚动方式" scrollmount="滚动速度">
<img src=""/>
</marquee>
相关属性的取值同文字滚动。