!
也想出现在这里? 联系我们
广告位

彩色文字打印特效

  1. <div id="chakhsu"></div>
  2. <script>
  3. var chakhsu = function (r) {
  4. function t() {
  5. return b[Math.floor(Math.random() * b.length)]
  6. }
  7. function e() {
  8. return String.fromCharCode(94 * Math.random() + 33)
  9. }
  10. function n(r) {
  11. for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
  12. var l = document.createElement("span");
  13. l.textContent = e(), l.style.color = t(), n.appendChild(l)
  14. }
  15. return n
  16. }
  17. function i() {
  18. var t = o[c.skillI];
  19. 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)
  20. }
  21. /*以下内容自定义修改*/
  22. var l = "众里寻他千百度,",
  23. o = ["蓦然回首,那人却在灯火阑珊处。", ].map(function (r) {
  24. return r + ""
  25. }), a = 2, g = 1, s = 5, d = 75,
  26. 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)"],
  27. c = {text: "", prefixP: -s, skillI: 0, skillP: 0, direction: "forward", delay: a, step: g};
  28. i()
  29. };
  30. chakhsu(document.getElementById('chakhsu'));
  31. </script>

给TA打赏
共{{data.count}}人
人已打赏
前端学习

CSS 中 background 属性合并写法

2024-11-1 14:09:16

前端学习

CSS实现背景图片透明和文字不透明效果

2024-11-5 14:09:13

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索