marquee标签详解

marquee标签详解

由于在工作看到同事写的marquee的标签，但是不理解这个标签怎么使用，于是在网上查询了一些资料，终于把这个标签给看懂了，下面我就给大家分享一下我的理解。

<marquee>标签是成对出现，而我们滚动的内容就包裹在<marquee></marquee>内部。而marquee的主要属性和事件有以下这些。

marquee属性

标签名称	说明	取值范围	默认值
direction	表示内容滚动的方向	left，right，up，down	left
behavior	表示内容滚动的方式	scroll（连续滚动），slide（滚动一次）， alternate（来回滚动）	scroll
loop	表示内容滚动的次数	正整数	无限循环
scrollamount	表示运动速度	正整数	6
scrolldelay	表示停顿时间	正整数	0
align	表示内容的垂直对齐方式	top，middle，bottom	middle
bgcolor	表示运动区域的背景颜色	16进制的RGB颜色，或是颜色的英文	白色
height	表示运动区域的高度	正整数（单位是像素或者百分数）	标签内容的高度
width	表示运动区域的宽度	正整数（单位是像素或者百分数）	width=100%
hspace	表示内容到区域边界的水平距离	正整数（单位是像素）	——
vspace	表示内容到区域边界的垂直距离	正整数（单位是像素）	——-

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

marquee标签的事件

事件名	说明
onmouseover	οnmοuseοver=this.stop()表示当鼠标移动到以上区域的时候内容停止滚动
onmouseout	οnmοuseοut=this.start()表示当鼠标划出以上区域时候内容开始滚动