HTML 文字的左右来回移动

不言

发布时间：2018-04-21 15:36:50

6770人浏览过

来源于php中文网

原创

这篇文章介绍的内容是html 文字的左右来回移动，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

HTML marquee 元素（）用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。
behavior：
  设置文本在 marquee 元素内如何滚动。可选值有 scroll(连续滚动)，slide(滑动一次) 和 alternate(往返滚动)。如果未指定值，默认值为 scroll。
bgcolor：
  通过颜色名称或十六进制值设置背景颜色。
direction：
    设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。
loop：
设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动.
scrollamount：
设置每次滚动时移动的长度（以像素为单位）。默认值为 6。
scrolldelay：
设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意，除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。
truespeed：
    默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。
vspace,hspace：
  表示运动区域边界的水平距离和垂直距离，以像素或百分比值设置垂直边距。
width,height：
表示运动区域的宽度和高度，以像素或百分比值设置高度。
align：
     表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle

onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动

代码：

 <marquee vspace="10px" hspace="6px" direction="right" behavior="scroll" scrollamount="3" align="middle" bgcolor="aqua" width="300px" height="20px">

添加滚动内容

立即学习“前端免费学习笔记（深入）”；

超能文献

超能文献是一款革命性的AI驱动医学文献搜索引擎。

下载

相关专题

Golang 测试体系与代码质量保障：工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链（如go test）、单元测试、集成测试及端到端测试实践，结合代码覆盖率分析、静态代码扫描（如go vet）和动态分析工具，建立全链路质量监控机制。通过自动化测试框架、持续集成（CI）流水线配置及代码审查规范，实现测试用例管理、缺陷追踪与质量门禁控制，确保代码健壮性与可维护性，为高可靠性工程系统提供质量保障。

2026.02.28

Golang 工程化架构设计：可维护与可演进系统构建

Go语言工程化架构设计专注于构建高可维护性、可演进的企业级系统。本专题深入探讨Go项目的目录结构设计、模块划分、依赖管理等核心架构原则，涵盖微服务架构、领域驱动设计(DDD)在Go中的实践应用。通过实战案例解析接口抽象、错误处理、配置管理、日志监控等关键工程化技术，帮助开发者掌握构建稳定、可扩展Go应用的最佳实践方法。

2026.02.28

Golang 性能分析与运行时机制：构建高性能程序

Go语言以其高效的并发模型和优异的性能表现广泛应用于高并发、高性能场景。其运行时机制包括 Goroutine 调度、内存管理、垃圾回收等方面，深入理解这些机制有助于编写更高效稳定的程序。本专题将系统讲解 Golang 的性能分析工具使用、常见性能瓶颈定位及优化策略，并结合实际案例剖析 Go 程序的运行时行为，帮助开发者掌握构建高性能应用的关键技能。

2026.02.28