marquee跑马灯效果的相关属性

介绍HTML设置滚动文字marquee的相关属性

㈠文字滚动标签

设置文字滚动使用<marquee></marquee>标签，可以再标签里面设置字体的颜色，字号，字体大小等。

 

㈡滚动方向属性——direction

⑴代码写法：<marquee  direction="滚动方向">滚动文字</marquee>

⑵ “滚动方向取值”：up、down、left  和  right，其中向左滚动  left  的效果和默认效果相同。

 

㈢滚动方式属性——behavior

⑴ 代码写法：<marquee  behavior="滚动方式">滚动文字</marquee>

⑵取值

①默认为scroll，即循环滚动。

②当其值为alternate时，内容将来回循环滚动。

③当其值为slide时，内容滚动一次即停止，不会循环。

④ 还有一个loop属性，可设置其滚动循环次数，值是正整数，默认为无限循环。

 

㈣滚动速度属性——scrollamount

⑴代码写法： <marquee   scrollamount="滚动速度">滚动文字</marquee>

⑵在该语法中，滚动文字的速度实际上是设置滚动文字每次移动的长度，以像素为单位。scrollamount表示运动速度，值是正整数，默认为6。

 

㈤  滚动延迟属性——scrolldelay

⑴代码写法：<marquee  scrolldelay="时间间隔">滚动文字</marquee>

⑵ scrolldelay表示停顿时间，值是正整数，默认为0， 时间间隔单位是毫秒（千分之一秒）

 

㈥ 滚动范围属性——width、height

⑴代码写法：   <marquee  width=""  height="">滚动文字</marquee>

⑵如果不设置滚动背景的面积，那么默认情况下，水平滚动的文字背景与文字同高、与浏览器窗口同宽，使用  width  和  height  参数调整其水平和垂直的范围。width 属性用于设置内容滚动背景宽度。标签的height属性用于设置内容滚动背景高度。值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度。

 

㈦滚动背景颜色属性——bgcolor

⑴代码写法：<marquee  bgcolor="颜色代码">滚动文字</marquee>

⑵bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色

 

㈧ 滚动空间属性——hspace、vspace

⑴代码写法：<marquee  hspace="水平范围"  vspace="垂直范围">滚动文字</marquee>

⑵ hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。。

 

㈨元素的垂直对齐方式——align

值可以是top，middle，bottom，默认为middle

 

㈩鼠标滑动

⑴代码写法：onmouseover=this.stop() onmouseout=this.start()

⑵表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

   希望有所帮助。

参考：时光·漫步zth ：https://blog.csdn.net/qq_41573234/article/details/80313714