marquee标签是HTML标签中创建文字滚动的标签。marquee标签包含有多种属性,用于设置文字滚动时的样式。
1.direction
direction 表示滚动的方向,值可以是left,right,up,down,默认为left。示例代码:
<marquee direction="left">文字向左滚动</marquee>
<marquee direction="right">文字向右滚动</marquee>
<marquee direction="up">文字向上滚动</marquee>
<marquee direction=" down">文字向下滚动</marquee>
2.behavior
behavior 表示滚动的方式,值可以是scroll(表示从一端移动到另一端,连续滚动)、slide(表示从一端移动到另一端,滑动一次)、alternate(在两端之间来回滚动)。示例代码:
<marquee behavior="alternate">alternate</marquee>
<marquee behavior="scroll">scroll</marquee>
<marquee behavior="slide">slide</marquee>
3.loop
loop 表示循环的次数,当值设置为-1时会无限次滚动,默认为无限循环。示例代码:
<marquee loop="5">滚动五次</marquee>
4.scrollamount
scrollamount 表示运动速度,值是正整数,默认为6,单位pixels(像素)。示例代码:
<marquee scrollamount="3" >scrollamount</marquee>
5.scrolldelay
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
。示例代码:
<marquee scrolldelay="10" >scrolldelay </marquee>
6.align
align 表示元素的对齐方式,值可以是
absbottom
:绝对底部对齐(与g、p等字母的最下端对齐),
absmiddle
:绝对中央对齐,
baseline
:底线对齐,
bottom
:底部对齐(默认),
left
:左对齐,
middle
:中间对齐,
right
:右对齐,
texttop
:顶线对齐,
top
:顶部对齐;
示例代码:
<marquee align="absmiddle">align="absmiddle"</marquee>
7.bgcolor
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色,示例代码:
<marquee bgcolor="#006699">设定背景颜色</marquee>
<marquee bgcolor="rab(288, 321, 110)">设定背景颜色</marquee>
<marquee bgcolor="green">设定背景颜色</marquee>
8.height和width
Height表示运动区域的高度,
width表示运动区域的宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度,示例代码:
<marquee direction="down" height="500" >设定运动区域的高度</marquee>
<marquee direction="left" width="50%" >设定运动区域的宽度</marquee>
9.hspace和vspace
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素
10.常用方法
start和stop是marquee标签常用的两个方法,分别表示开始滚动和停止滚动,这两个方法通常结合鼠标事件来使用,示例代码:
<marquee onm ouseover="this.stop()" onm ouseout="this.start()" >鼠标移入和移出事件</marquee>
原文链接:https://blog.csdn.net/weixin_44547592/article/details/96188340
标签:滚动,示例,标签,代码,marquee,默认,对齐 From: https://www.cnblogs.com/maleijiejie/p/18094441