纯 JS 仿文字输入效果

以下代码由PHP站长网 52php.cn收集自互联网现在PHP站长网小编把它分享给大家，仅供参考

仿文字输入这个特效很早就有了，然而更轻量更简单，而且不需要 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>

以上内容由PHP站长网【52php.cn】收集整理供大家参考研究如果以上内容对您有帮助，欢迎收藏、点赞、推荐、分享。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!