纯 JS 仿文字输入效果

纯 JS 仿文字输入效果,第1张

概述  仿文字输入这个特效很早就有了,然而更轻量更简单,而且不需要 jQuery 库的 JS,这里我就推荐 iTyped。简单实用,Tiny 版只有1.9KB 大小,下面来看看介绍。

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

仿文字输入这个特效很早就有了,然而更轻量更简单,而且不需要 jquery 库的 Js,这里我就推荐 iTyped。简单实用,Tiny 版只有 1.9KB 大小,下面来看看介绍。

效果演示:


插件名称:iType.Js


在线演示:https://ityped.surge.sh/


下载地址:https://github.com/luisvinicius167/ityped

使用教程:

STEP 1 : 引入 ityped.Js


<script src="https://unpkg.com/ityped@0.0.5"></script>


STEP 2 : HTML 代码


<span ID="ityped"></span>


STEP 3: Js 代码


<script>


ityped.init('#ityped',{


strings:['我是文字一哦','我是文字二哦','我是文字 3 哦','没有文字啦。。。'],


startDelay: 200,


loop: true


});


</script>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的纯 JS 仿文字输入效果全部内容,希望文章能够帮你解决纯 JS 仿文字输入效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1027892.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存