《marquee》滚动条标记

本文详细介绍了HTML中的《marquee》标记及其各种属性,包括滚动方向、对齐方式、背景颜色等,并通过实例展示了如何使用这些属性来实现不同类型的滚动效果。

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


《marquee》标记的使用
活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性可以表现出一定的特效。HTML中<marquee>可以在IE浏览器网页中让文字或图片按照一定的设定的要求,在网页中显示出一个滚动的信息。它的滚动方向有水平和垂直两种。下面是它的一些参数
参   数属 性 含 义
<marquee> ... </marquee> 设置滚动条标记。文字或图片按照默认参数水平方向从右向左移动
<marquee direction=#> ... </marquee> 参数值#=left | right。
当设置这个参数,文字或图片会按照设置的水平方向进行“从左到右”或“从右到左”移动
<marquee direction=#> ... </marquee> 参数值#=up | down。
当设置这个参数,文字或图片会按照设置的垂直方向进行“从上到下”或“从下到上”移动
<marquee align=#> ... </marquee> 参数值#=left | center | right | top | botton。
设置水平或垂直对齐方式
<marquee bgcolor=#> ... </marquee> 参数值#=#rrggbb | rgb(r,g,b)或是颜色的英文单词
设置滚动字幕的背景颜色
<marquee behavior=#> ... </marquee> 参数值#=scroll | slide | alternate
设定滚动的方式
scroll:表示由一端滚动到另一端
slide:表示由一端快速滑动到另一端,且不再重复
alternate:表示在两端之间来回滚动
<marquee hspace=n vspace=n> ... </marquee> 用于设置滚动条左右边框或上下边框的距离
<marquee width=n height=n> ... </marquee> 设置滚动条的高度和宽度
<marquee Scrollamount=n > ... </marquee> 用于设定滚动字幕的滚动距离
<marquee scrolldelay=n > ... </marquee> 用于设定滚动两次之间的延迟时间
<marquee loop=n > ... </marquee> 用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新


<marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。下面是对 <marquee>的具体应用
参   数属 性 含 义
<marquee> 滚动条默认演示效果</marquee> 滚动条默认演示效果
<marquee direction=left>
文字从左向右移动</marquee>
<marquee direction=right>
文字从右向左移动</marquee>
文字从左向右移动

文字从右向左移动
<marquee direction=up>
文字或图片向上移动</marquee>
<marquee direction=down>
文字或图片向下移动</marquee>
文字或图片向上移动文字或图片向下移动
<marquee align=left>
文字居左移动 </marquee>
文字居左移动
<marquee bgcolor=green>
滚动条的背景颜色设置</marquee>
滚动条的背景颜色设置
<marquee behavior=scroll>
滚动条由一边向另一边滚动
</marquee>
<marquee behavior=slide>
滚动条快速滚动且不重复
</marquee>
<marquee behavior=alternate>
滚动条来回滚动
</marquee>
滚动条由一边向另一边滚动

滚动条快速滚动且不重复

滚动条来回滚动
<marquee hspace="15px" vspace="15px">
滚动条上下左右边框的空白距离
</marquee>
滚动条上下左右边框的空白距离
<marquee width=100 height=30>
滚动条的高度和宽度
</marquee>
滚动条的高度和宽度
<marquee Scrollamount=100 >
滚动条的滚动距离
</marquee>
滚动条的滚动距离
<marquee scrolldelay=1000 >
滚动条的滚动速度
</marquee>
滚动条的滚动速度
<marquee loop=3 >
设定滚动条的滚动次数为3次
</marquee>
设定滚动条的滚动次数为3次
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值