2021/12/3 HTML marquee标签

HTML marquee 元素(<marquee>) 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。
该标签是个容器标签
语法:

<marquee></marquee>

下面这两个事件经常用到:
 

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

<marquee onMouseOut="this.start()"onMouseOver="this.stop()">

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动</marquee>

这是一个完整的例子:


代码如下:

<marquee id="affiche" align="left"behavior="scroll" bgcolor="#FF0000"

direction="up" height="300" width="200"hspace="50" vspace="20" loop="-1" scrollamount="10"

scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
这是一个完整的例子
</marquee>

该标签支持的属性多达11个:

align:设定<marquee>标签内容的对齐方式
absbottom绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle绝对中央对齐
baseline底线对齐
bottom底部对齐(默认)
left左对齐
middle中间对齐
right右对齐
texttop顶线对齐
top顶部对齐

例子:

<marquee align="absbottom">align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。 </marquee>
behavior :设定滚动的方式
alternate表示在两端之间来回滚动
scroll表示由一端滚动到另一端,会重复
slide表示由一端滚动到另一端,不会重复

例子:

<marquee behavior="alternate">alternate:表示在两端之间来回滚动。 </marquee>

更多参考:html之marquee详解(超详细!)_chentao866的博客-CSDN博客_marquee

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值