Html实现滚动文字

最新推荐文章于 2024-05-13 01:08:40 发布

奔跑的胖潘

最新推荐文章于 2024-05-13 01:08:40 发布

阅读量760

点赞数 2

本文链接：https://blog.csdn.net/m0_46515581/article/details/112373207

版权

marquee标签
先上代码

在这里插入代码片<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>滚动文字开发</title>
 
</head>
<body>
    <!-- 只用了两个核心属性，别的可以自行实验 -->
    <marquee behavior="scroll" direction="right">
        123123123123132132132
    </marquee>
</body>
</html>

属性
behavior
设置文本在 marquee 元素内如何滚动。可选值有 scroll，slide 和 alternate。如果未指定值，默认值为 scroll。
bgcolor
通过颜色名称或十六进制值设置背景颜色。
direction
设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。
height
以像素或百分比值设置高度。
hspace
设置水平边距。
loop
设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动.
scrollamount
设置每次滚动时移动的长度（以像素为单位）。默认值为 6。
scrolldelay
设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意，除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。
truespeed
默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。
vspace
以像素或百分比值设置垂直边距。
width
以像素或百分比值设置宽度。
事件回调
onbounce
当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。
onfinish
当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。
onstart
当 marquee 开始滚动时触发。
方法
start
开始滚动 marquee。
stop
停止滚动 marquee。
更多属性可以查看
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/marquee#%E5%B1%9E%E6%80%A7

奔跑的胖潘

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Html实现滚动文字

marquee标签先上代码在这里插入代码片<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>滚动文字开发</title> </head><body>  <marquee behavior="scroll"
复制链接

扫一扫