Marquee 跑马灯
循环水平滚动展示长内容的纯展示组件，内容经 slot 无缝循环；支持悬停暂停与 prefers-reduced-motion 静态降级。无事件。
基础用法
默认循环滚动（20s）
速度控制
speed=8 快速 / speed=40 慢速
悬停暂停
pause-on-hover：鼠标悬停/聚焦时暂停
元素内容
slot 支持任意元素组合
图片 / logo 墙
内容不局限于文字——slot 放图片或 logo 即成主流的"品牌墙"无缝滚动。
logo 墙（无缝循环）
图片滚动（img）
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
pause-on-hover | 布尔，存在时悬停/聚焦暂停动画（animation-play-state: paused） | — | — |
speed | 单次动画时长（秒），写入 CSS animation-duration；非正数回退默认 | string | — |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | — |
- 系统开启「减少动态效果」（
prefers-reduced-motion: reduce）时动画关闭、静态展示。 - 复制内容组带
aria-hidden，屏幕阅读器不重复朗读。 - 无事件，纯展示。