文字打字机效果,可换字体样式
<div id="text">你好,欢迎光临,今天是个好日子!</div> <script> $(function() { daziji("#text", 150); //调用打字机函数 }) </script>
js
function daziji(dazijiDiv, dazijiTime) { var text1 = $(dazijiDiv).text(), text2 = text1, lentext = text2.length, textArray = text2.split(""); $(dazijiDiv).empty(); for (i = 0; i < text2.length; i++) { $(dazijiDiv).append('<span style="display:none">' + textArray[i] + '</span>'); } dazijiShow(dazijiDiv, lentext, dazijiTime); } var dazijiN = 0; function dazijiShow(d, e, f) { $(d).children("span").eq(dazijiN).show().css({ color: '#' + Math.floor(Math.random() * 16777215).toString(16) }); if (dazijiN < e) { dazijiN++; setTimeout("dazijiShow('" + d + "'," + e + "," + f + ")", f) } else { dazijiN = 0; setTimeout("dazijiShow('" + d + "'," + e + "," + f + ")", f); }; }
php资料
【推荐】2025 HarmonyOS 鸿蒙创新赛正式启动,百万大奖等你挑战
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 35+程序员的转型之路:经济寒冬中的希望与策略
· JavaScript中如何遍历对象?
· 领域模型应用
· 记一次 ADL 导致的 C++ 代码编译错误
· MySQL查询执行顺序:一张图看懂SQL是如何工作的
· 35+程序员的转型之路:经济寒冬中的希望与策略
· 全球首位 AI 程序员 Devin 诞生了,对于程序员的影响到底多大?
· 使用 OpenAuth.Net 快速搭建 .NET 企业级权限工作流系统
· 做这么个免费在线拼图工具,如何赚钱呢
· 我在厂里搞wine的日子