marquee实现公告栏文字滚动

本文详细介绍了 HTML 中 Marquee 标签的各种属性及事件用法,包括方向、滚动行为、速度、循环次数等,并提供了示例代码,有助于开发者更好地理解和使用 Marquee 实现动态文本效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<marquee direction="left" behavior="scroll"  scrollamount="5"  loop="2" scrolldelay="100" width="500" height="200" hspace="10" vspace="10" align="middle" font="楷体_GB2312"color="#333" size="3" STRONG onMouseOut="this.start()" onMouseOver="this.stop()">公告栏:xxxxxxxxxxx</marquee>

一、属性

1.direction 文字滚动的方向:down、left、right、up分别代表向下、向左、向右、向上。

2.behavior 滚动方向:alternate、scroll、slide分别代表文字来回滚动、单方向循环滚动、只滚动一次

3.scrollamount:滚动速度(每次滚动时移动的长度,以像素为单位)

4.loop:设定滚动循环的次数(默认值是-1,滚动会不断的循环下去)

5.scrolldelay:设定滚动两次之间的延迟时间(设置滚动的时间间隔,单位是毫秒)

6.width、height:设定滚动字幕的宽度、高度

7.hspace:设定活动字幕里所在的位置距离父容器水平边框的距离,如hspace=“10”,即等同于:margin:0 10px

8.vspace:设定活动字幕里所在的位置距离父容器垂直边框的距离,如vspace=“10”,即等同于:margin:10px 0;

9.align:设定滚动字幕内容的对齐方式

   (

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐

)

10.face:设定滚动字幕的文字字体

11.color:设定滚动字幕的文字颜色

12.size:设定滚动字幕的文字字号

13.STRONG:设定滚动字幕的文字加粗

二、事件

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值