码磊姐姐
雄关漫道真如铁,而今迈步从头越。

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 onmouseover="this.stop()" onmouseout="this.start()" >鼠标移入和移出事件</marquee>

原文链接:https://blog.csdn.net/weixin_44547592/article/details/96188340

posted on 2024-03-25 15:21  码磊姐姐  阅读(29)  评论(0编辑  收藏  举报