模式 · 来自长文发布

字的滚动替换

计划行、计数变化时：旧的字往上滚出、新的往上滚进，一道光扫过（这里只做滚动）。

演示

免费版 · 今天还能写入 3 篇

<p class="xxd-plan-line" style="font-size:14px"><span id="roll-demo">免费版 · 今天还能写入 3 篇</span></p>
<button class="xxd-btn" data-size="sm" onclick="const el=document.getElementById('roll-demo'); Xxd.rollText(el, el.textContent.includes('免费') ? '会员 · 到 2027年11月8日' : '免费版 · 今天还能写入 3 篇')">换一下</button>

规则

减少动效时直接换字

JS

Xxd.rollText(element, newText)