iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小
iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小
原文:http://www.shejidaren.com/ityped.html
仿文字输入这个特效很早就有了,比如《制作有吸引力的文字动画效果-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>
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com