Marquee (scrolling text) 跑马灯（滚动字幕）
/mar-KEE/ · noun · 内容类模式 · #103
一条持续横向滑过屏幕的文字或 logo 带——新闻滚动字幕、股票行情、一排客户 logo、促销公告。很抓眼球，但移动的文字很难读，必须能让用户暂停。
别名：跑马灯、滚动字幕、滚动文字、跑马灯效果。
你可能会这样叫它
- “跑马灯效果”
- “一直横着滚动的文字”
- “新闻下方的滚动字幕”
- “网页上移动的公告文字”
- “滚动的 logo 墙”
……它的名字是 跑马灯（滚动字幕）（Marquee (scrolling text)）。
常见问题
跑马灯效果是什么意思？
指一条文字或图片持续横向滚动经过屏幕的效果，名字来自旧的 HTML marquee 标签，英文也叫 ticker。常见于新闻滚动字幕、股票行情、公告栏和客户 logo 墙。注意：一些组件库（如 Element）把轮播图叫「走马灯」，那是另一个模式。
代码里叫什么
| Web (CSS) | @keyframes transform: translateX() prefers-reduced-motion 旧的 <marquee> 标签已被废弃，改用 CSS 动画 |
|---|---|
| Jetpack Compose | Modifier.basicMarquee() |
| Android (Views) | android:ellipsize="marquee" |
| SwiftUI / UIKit | 没有内置跑马灯，需要自己做位移动画 |
| Flutter | 没有内置跑马灯，用 AnimationController 驱动水平位移 |
复制给 AI 编程工具
在页头下方加一条跑马灯：一排简短的公告（或客户 logo）从右向左慢慢滚动、无缝循环。用 CSS 关键帧动画驱动一条复制过的轨道，不要用已废弃的 marquee 标签。鼠标悬停和获得焦点时暂停，提供一个可见的暂停按钮，用户设置了减少动态效果时改为静止显示。每一项都要清晰可读，并以纯文本形式提供给读屏用户。