iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小

Sponsor

仿文字输入这个特效很早就有了，比如《制作有吸引力的文字动画效果-textillate.js》有介绍，然而更轻量更简单，而且不需要 jQuery 库的 JS，这里我就推荐 iTyped。简单实用，Tiny 版只有1.9KB 大小，下面来看看介绍。

插件名称：iType.js
在线演示：https://ityped.surge.sh/
下载地址：https://github.com/luisvinicius167/ityped

小编认为这个方便之处就是不需要 jQuery 库以及轻量级，而且使用起来不麻烦。

使用教程

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>

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。