终点举牌那句话

海风跑团的赛事志愿者卓妍要在半马终点举一块滚动加油牌，字要亮、要大、黑底不刺眼。文字框里打"完赛啦 · 海风跑团"，中间带一个间隔点。源码用 textContent 把值塞进滚动行，空值兜一个空格，不填也不报错；框没有 maxlength，不解析 HTML，尖括号只当普通字显示。预览区出的就是这行字，没有前后缀，填什么就是什么。能打不等于能全显示，裁切留到后面说。

亮黄配黑底与方向

颜色填 "#ffe66d"，是很亮的黄，过一道 normHex 规范化；背景选"纯黑底"；方向取"从右往左"。源码判断只有"从左往右"走 zab-marquee-rev，其余归 zab-marquee。实测动画串是 "8s linear 0s infinite normal none running zab-marquee"，正好印证没走 -rev 分支。颜色得填合法六位值，red 或 "#ggg" 这类非法值会把渲染弄崩。改颜色、改背景、改方向是少数能触发重绘的操作，下一步要用。

两个滑杆不被监听

字号设 "160"，速度设 "8"，界面把速度写作"秒/屏"。源码是 sizeIn.get()+'px' 与 dur = speedIn.get()，可读值只在 render() 里发生；这两个滑杆没绑 input 监听，拖完预览不会动，得顺手改一下文字、颜色、方向或背景逼它重画。卓妍现场就是先拖没反应，回头动了颜色字才突然变大。实测那串 8s 是时长，不是 8 秒跑一屏，关键帧位移按 200% 文字宽度算，名字名不副实。

预览舞台与全屏

预览舞台写死 "height:220px" 与 overflow:hidden，文字 nowrap 不换行，长句会被裁。底部只有一颗"全屏展示"，点它走的是 position:fixed; inset:0 把舞台铺满，不是浏览器全屏接口；全屏之后改背景不再生效，得先退出重设。正式举牌前把字号、方向和黑底在预览里对一遍，别到现场才发现字被切了。

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。