一个动态彩色文字代码

[复制链接]
查看82 | 回复0 | 2020-7-25 00:05:12 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这是我无意在网页时看到的代码。
需要的可拿去,放到网页中。
截图获取到动态的
一个动态彩色文字代码1791彩色字体代码,字体代码大全,
调用代码:
  1. <div id="binft" align="center"></div>
复制代码
JS代码:
  1. <script>   
  2. var binft = function (r) {   
  3. function t() {   
  4. return b[Math.floor(Math.random() * b.length)]   
  5. }   
  6. function e() {   
  7. return String.fromCharCode(94 * Math.random() + 33)   
  8. }   
  9. function n(r) {   
  10. for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {   
  11. var l = document.createElement("span");   
  12. l.textContent = e(), l.style.color = t(), n.appendChild(l)   
  13. }   
  14. return n   
  15. }   
  16. function i() {   
  17. var t = o[c.skillI];   
  18. 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++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)   
  19. }   
  20. var l = "",   
  21. o = ["Stay Hungry, Stay Foolish!"].map(function (r) {   
  22. return r + ""   
  23. }),   
  24. a = 2,   
  25. g = 1,   
  26. s = 5,   
  27. d = 75,   
  28. b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)", "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"],   
  29. c = {   
  30. text: "",   
  31. prefixP: -s,   
  32. skillI: 0,   
  33. skillP: 0,   
  34. direction: "forward",   
  35. delay: a,   
  36. step: g   
  37. };   
  38. i()   
  39. };   
  40. binft(document.getElementById('binft'));   
  41. </script>
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

灌水成绩
406
主题
410
帖子
1574
积分
等级头衔
积分成就
  • 威望: 0
  • 贡献: 1164
  • 金钱: 0
  • 违规:
  • 在线时间:156 小时
  • 注册时间:2020-2-11
  • 最后登录:2020-8-23
个人勋章

最佳新人活跃会员热心会员突出贡献优秀版主论坛元老精贴王灌水之王荣誉管理

联系方式