JS文字特效：彩色滚动变幻效果，只适合少量的文字。（过多对页面有影响）...

最新推荐文章于 2024-11-11 09:17:59 发布

转载最新推荐文章于 2024-11-11 09:17:59 发布 · 335 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/MrHaoRoot/p/10364202.html

文章标签：

#javascript #ViewUI

本文分享了一段使用JavaScript生成带有随机颜色的文本效果的代码。通过创建一系列带有随机颜色的<span>元素，并将随机字符填充到这些元素中，实现了独特的视觉效果。代码涉及JavaScript的字符串操作、DOM操作及随机数生成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS代码如下：

代码具体是在哪里的我不知道但是我的有道云上有。如有哪位朋友知道，还望联系下，添加出处。

<div id="chakhsu"></div>
<script>
var chakhsu = function (r) {
function t() {
return b[Math.floor(Math.random() * b.length)]
}

function e() {
return String.fromCharCode(94 * Math.random() + 33)
}

function n(r) {
for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
var l = document.createElement("span");
l.textContent = e(), l.style.color = t(), n.appendChild(l)
}
return n
}

function i() {
var t = o[c.skillI];
c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++)