了解marquee标签

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="absbottom">align="absbottom"</marquee>
<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>
  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值