Example:文本滚动条：修订间差异

2026年10月5日 (一) 23:51的最新版本

一个可自定义字体、颜色、字号、字间距、方向与端点长度的无缝循环滚动文字条。

最简调用

只传内容参数，其余全部使用默认值：

{{文本滚动条
| 内容 = ANACHRONISM WIKI ANACHRONISM WIKI ANACHRONISM WIKI
}}

效果：

ANACHRONISM WIKI ANACHRONISM WIKI ANACHRONISM WIKI

完整调用示例

{{文本滚动条
| 内容     = 我是老年土味滚动条
| 字体     = noto
| 大小     = 3
| 颜色     = #777777
| 字间距   = 0
| 方向     = right
| 端点长度 = 80%
| 间隔     = 1em
| 滚动速度 = 2
| 呼吸     = on
| 呼吸速度 = 2
| 发光     = on
| 发光颜色 = #ff5527
}}

效果：

我是老年土味滚动条

参数说明

参数	可选值	默认	说明
内容	任意文字	ANACHRONISM WIKI	滚动的文字，建议重复至长度超过端点长度，避免出现空白期
字体	字体类后缀，如 rubik、noto、chrontor、cinzel、tesla、ballet、college、mono	rubik	文字字体
大小	任意数字	3	字号，单位 em，只写数字
颜色	任意颜色值	#777777	文字颜色
字间距	任意数字	0	字间距，单位 em，只写数字
方向	left / right / up / down	left	滚动方向
端点长度	任意长度值，如 600px、50%、20em	水平 100%，垂直 8em	滚动窗口尺寸，水平方向为宽度，垂直方向为高度
间隔	任意长度值	2em	两份复制内容之间的空隙
滚动速度	任意数字	10	单程周期，单位秒，只写数字
呼吸	on / off	on	是否呼吸显隐
呼吸速度	任意数字	5	呼吸周期，单位秒，只写数字
发光	on / off	off	是否边缘发光
发光颜色	任意颜色值	#ff4b27	发光颜色，仅发光开启时生效

注意事项

组件采用双份内容无缝循环：动画位移为单份内容宽度的两倍，一份滚出另一端时另一份补上。
为保证无缝效果，内容 的宽度应不小于 端点长度，否则窗口内会出现空白期。文字较短时，把内容重复写几遍即可。
水平方向 端点长度 默认为 100%，撑满父容器；垂直方向默认为 8em，宽度固定 1.2em 一个字宽。
垂直方向会自动将字符逐字换行，word-break:break-all 对英文字母同样生效。
字体 参数传字体类后缀即可，不加 font- 前缀，例如传 noto 对应 font-noto。
字体类来自 MediaWiki:Citizen.css，详见 Example:字体调用。
呼吸效果使用 fx-text-breath 类，发光使用 fx-text-pulse 类，参数 --fx-speed 控制呼吸周期。

@@ 第24行： / 第24行： @@
 {{文本滚动条
 | 内容     = 我是老年土味滚动条
-| 字体     = yahei
+| 字体     = noto
 | 大小     = 3
 | 颜色     = #777777
@@ 第43行： / 第43行： @@
 {{文本滚动条
 | 内容     = 我是老年土味滚动条
-| 字体     = yahei
+| 字体     = noto
 | 大小     = 3
 | 颜色     = #777777
@@ 第64行： / 第64行： @@
 | 内容 || 任意文字 || ANACHRONISM WIKI || 滚动的文字，建议重复至长度超过端点长度，避免出现空白期
 |-
-| 字体 || 字体类后缀，如 rubik、yahei、milton、narrow、seldom、script、rogue、anurati、mono || rubik || 文字字体
+| 字体 || 字体类后缀，如 rubik、noto、chrontor、cinzel、tesla、ballet、college、mono || rubik || 文字字体
 |-
 | 大小 || 任意数字 || 3 || 字号，单位 em，只写数字
@@ 第95行： / 第95行： @@
 * 水平方向 <code>端点长度</code> 默认为 <code>100%</code>，撑满父容器；垂直方向默认为 <code>8em</code>，宽度固定 <code>1.2em</code> 一个字宽。
 * 垂直方向会自动将字符逐字换行，<code>word-break:break-all</code> 对英文字母同样生效。
-* <code>字体</code> 参数传字体类后缀即可，不加 <code>font-</code> 前缀，例如传 <code>yahei</code> 对应 <code>font-noto</code>。
+* <code>字体</code> 参数传字体类后缀即可，不加 <code>font-</code> 前缀，例如传 <code>noto</code> 对应 <code>font-noto</code>。
 * 字体类来自 [[MediaWiki:Citizen.css]]，详见 [[Example:字体调用]]。
 * 呼吸效果使用 <code>fx-text-breath</code> 类，发光使用 <code>fx-text-pulse</code> 类，参数 <code>--fx-speed</code> 控制呼吸周期。